← Back to context

Comment by alphazard

2 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?

    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));
        }
    };

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

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

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