Re:Show HN: Draw A Fish and watch it swim with the others
by alphazard on Friday August 01, 2025 @12:33PM
(#44759128)
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?
[ Parent
| on HN ]
Re:Show HN: Draw A Fish and watch it swim with the others
by creata on Friday August 01, 2025 @12:46PM
(#44759282)
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));
}
};
Re:Show HN: Draw A Fish and watch it swim with the others
by fckgw on Friday August 01, 2025 @12:36PM
(#44759166)
You could also just load up the website on an iPad with an Apple Pen.
Re:Show HN: Draw A Fish and watch it swim with the others
by mh- on Friday August 01, 2025 @01:34PM
(#44759811)
Unfortunately, that did not improve my drawing skills over using the trackpad. At all. :(
Re:Show HN: Draw A Fish and watch it swim with the others
by yieldcrv on Friday August 01, 2025 @03:17PM
(#44761161)
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