Remix.run Logo
alphazard 3 days ago

Are people actually drawing these in the browser, or is there some extension that lets you populate a canvas with something you did with a stylus in Photoshop?

creata 3 days ago | parent | next [-]

    const input = document.createElement("input");
    document.body.append(input);
    input.type = "file";
    input.accept = "image/*";
    input.onchange = e => {
        if (input.files && input.files[0]) {
            const canvas = document.getElementById("draw-canvas");
            const ctx = canvas.getContext("2d");
            createImageBitmap(input.files[0]).then(img => ctx.drawImage(img, 0, 0));
        }
    };
yieldcrv 2 days ago | parent | prev | next [-]

I’m browsing hn on my iphone, clicked this link, drew a fish with my finger, and saw it

Worked out the box didn't think twice of it

Good point though as the site doesnt follow responsive design patterns

tamimio 2 days ago | parent | prev | next [-]

I drew it with the mouse, doable bit you can use your ipad

fckgw 3 days ago | parent | prev [-]

You could also just load up the website on an iPad with an Apple Pen.

mh- 2 days ago | parent [-]

Unfortunately, that did not improve my drawing skills over using the trackpad. At all. :(