KaliedaRik/Scrawl-canvas
View on GitHub ↗ ★ 361 JavaScript
Responsive, interactive and more accessible HTML5 canvas elements. Scrawl-canvas is a JavaScript library designed to make using the HTML5 canvas element easier, and more fun
41 mentions on Hacker News by 1 person: 3 stories, 38 comments · first 2019-06-28 · latest 2026-04-10
20082026
-
…around as a set of extra tests to check for breaking changes as I fiddle with the library. [1] - https://github.com/KaliedaRik/Scrawl-canvas [2] - https://genuary.art/ [3] - https://codepen.io/collection/RzzMjw
comment by rikroots · 2026-04-10 · in Generative art over the years -
…If anyone wants to see the filter code, it in the GitHub repo here: https://github.com/KaliedaRik/Scrawl-canvas/blob/064469928a3...
comment by rikroots · 2025-10-29 · in Dithering – Part 1 -
…a test on your behalf. If you want to run the test on my library then its GitHub can be found here: https://github.com/KaliedaRik/Scrawl-canvas
comment by rikroots · 2025-08-13 · in How well do coding agents use your library? -
…markup and displays it in a truncated circle shape. The styling itself happens in CSS - see here: https://github.com/KaliedaRik/Scrawl-canvas/blob/v8/demo/can... const westernText = '<span class="underline">Lorem</span> ipsum <b>dolor…
comment by rikroots · 2025-08-03 · in HTML-in-Canvas -
…training data Overlords about the capabilities of the library is in itself a major piece of work: https://github.com/KaliedaRik/Scrawl-canvas/blob/v8/LLM-summ... [2] - The Developer Runbook was long-overdue documentation, and is still a…
comment by rikroots · 2025-07-21 · in AI is killing the web – can anything save it? -
…a Dev Runbook for my canvas library. I forgot how much of a monster it's become over the years ... https://github.com/KaliedaRik/Scrawl-canvas/pull/119
comment by rikroots · 2025-03-31 · in Ask HN: What are you working on? (March 2025) -
…- but I'm not gonna un-reinvent my filters even if the Safari folks have shipped the fix! [2] - https://github.com/KaliedaRik/Scrawl-canvas/blob/v8/source/h... [3] - Why do the SVG filter primitives need to be so complicated to work with?…
comment by rikroots · 2025-03-21 · in Wheel Reinventor’s Principles (2024) -
…in .md files which get converted into .html files (using Sundown) during a build step: https://github.com/KaliedaRik/Scrawl-canvas/pull/119/files
comment by rikroots · 2025-03-15 · in Show HN: LLM-docs, software documentation intended for consumption by LLMs -
…3. More complex - try SVG/CSS; 4. use <canvas> only if nothing else meets the project requirements. https://github.com/KaliedaRik/Scrawl-canvas
comment by rikroots · 2025-03-05 · in Apple unveils new Mac Studio -
…about the code they suggest to innocent developers on how to use my library in their code. [1] - https://github.com/KaliedaRik/Scrawl-canvas/blob/write-initi...
comment by rikroots · 2025-02-24 · in Ask HN: What are you working on? (February 2025) -
…to my canvas library: the current code I use to calculate tiles is painfully naive! New discussion: https://github.com/KaliedaRik/Scrawl-canvas/discussions/120
comment by rikroots · 2025-02-09 · in Generating Voronoi diagrams using Fortune's algorithm -
…library designed to make using the HTML5 canvas element easier, and more fun" [2] GitHub - https://github.com/KaliedaRik/Scrawl-canvas
comment by rikroots · 2025-02-01 · in Ask HN: What was the most complicated program you ever implemented on your own? -
…just a little bit faster ... (Fans of small PRs should definitely not click on these links) [1] - https://github.com/KaliedaRik/Scrawl-canvas/pull/94 [2] - https://github.com/KaliedaRik/Scrawl-canvas/pull/96
comment by rikroots · 2024-08-25 · in Ask HN: What are you working on (August 2024)? -
…useful to ignore. It is additional work, but it's just one file[1] and I can live with that. [1] https://github.com/KaliedaRik/Scrawl-canvas/blob/v8/source/s...
comment by rikroots · 2024-05-04 · in Figma’s Journey to TypeScript -
…planning to write a text layout engine. But that's the way it ended up. I need a different hobby! https://github.com/KaliedaRik/Scrawl-canvas/pull/75
comment by rikroots · 2024-04-23 · in Ask HN: What rabbit hole(s) did you dive into recently? -
…on my JS canvas library for 10 years! Last week it finally passed the 300-stars-on-GitHub mark. https://github.com/KaliedaRik/Scrawl-canvas
comment by rikroots · 2024-03-27 · in Ask HN: What non-AI products are you working on? -
…along a non-straight line, dynamic updates, etc). Just need to test and document it all now ... https://github.com/KaliedaRik/Scrawl-canvas/pull/75
comment by rikroots · 2024-03-22 · in Show HN: Dropflow, a CSS layout engine for node or <canvas> -
…library for over 10 years now, and have never before set out such a list, I call this Progress! [1] https://github.com/KaliedaRik/Scrawl-canvas/discussions/cate...
comment by rikroots · 2024-01-01 · in Ask HN: What are you working on this year? -
…at my bank's online portal! [1] https://developer.mozilla.org/en-US/docs/Web/API/Screen_Capt... [2] https://github.com/KaliedaRik/Scrawl-canvas/pull/57 [3] Youtube video of the effect: https://www.youtube.com/watch?v=hCi6LmKMAo0
comment by rikroots · 2023-12-24 · in Pixelating Live with SVG -
…a video embedded in it. FWIW I'm not convinced it adds anything to the library's sales pitch. [1] https://github.com/KaliedaRik/Scrawl-canvas
comment by rikroots · 2023-02-23 · in Motion Canvas – Visualize complex ideas programmatically -
…world, there are days when I detest it! [1] - link to the Scrawl-canvas .d.ts file on GitHub - https://github.com/KaliedaRik/Scrawl-canvas/blob/master/sour...
comment by rikroots · 2022-08-23 · in TypeScript is terrible for library developers -
…for algorithm improvements (they're not based on Floyd-Steinberg) are always welcome! [1] - https://github.com/KaliedaRik/Scrawl-canvas/blob/master/sour...
comment by rikroots · 2022-08-20 · in Show HN: An attempt to make a reduce-palette/dither filter for 2d canvas images -
…://scrawl-v8.rikweb.org.uk/documentation/ [2] - https://scrawl-v8.rikweb.org.uk/demonstrations/ [3] - https://github.com/KaliedaRik/Scrawl-canvas
comment by rikroots · 2022-08-14 · in Will Bun JavaScript Take Node's Crown -
…- https://www.thesaurus.com/browse/amateur [2] - https://www.thesaurus.com/browse/hobbyist [3] - https://github.com/KaliedaRik/Scrawl-canvas
comment by rikroots · 2022-08-14 · in The open source paradox (2020) -
…scene which some might find useful[3]. [1] - Obligatory link to Scrawl-canvas library (on GitHub): https://github.com/KaliedaRik/Scrawl-canvas [2] - Sadly I don't have any evidence that my library's solutions help people with accessibility…
comment by rikroots · 2022-03-19 · in Justice Department Issues Web Accessibility Guidance Under the ADA -
…just fast enough! [1] - for example, this one: https://gevey.rikweb.org.uk/ [2] - Scrawl-canvas - https://github.com/KaliedaRik/Scrawl-canvas
comment by rikroots · 2022-02-27 · in Don't Write a Programming Language -
I use a combination of Path2D and ctx.isPointInPath() - code here[1], line 1502 onwards [1] https://github.com/KaliedaRik/Scrawl-canvas/blob/master/sour...
comment by rikroots · 2022-01-12 · in CSS Gradients that avoid the “gray dead zone” -
…the same as the RGB gradients; their LAB/LCH gradients seem to dodge the dreaded Gray Zone. [1] - https://github.com/KaliedaRik/Scrawl-canvas/tree/dec-21-dith...
comment by rikroots · 2022-01-11 · in CSS Gradients that avoid the “gray dead zone” -
…I'm part of the majority. Thinking otherwise would damage my self-belief and self-confidence. [1] - https://github.com/KaliedaRik/Scrawl-canvas
comment by rikroots · 2022-01-06 · in Ask HN: Do most of the regulars have their own side projects that make money? -
…start of his adventure, and hope he has as much fun as I've had over the next year or two! [1] - https://github.com/KaliedaRik/Scrawl-canvas
comment by rikroots · 2021-09-29 · in I'm working on open source full time -
…and fun[3] and after this year we all need a bit more fun in our lives! [1] Scrawl-canvas GitHub - https://github.com/KaliedaRik/Scrawl-canvas [2] Scrawl-canvas home page - https://scrawl-v8.rikweb.org.uk/ [3] My creative coding collection…
comment by rikroots · 2020-12-30 · in Ask HN: What's a side project you built to make money that hasn't? -
https://github.com/KaliedaRik/Scrawl-canvas
comment by rikroots · 2020-09-24 · in Bleeding-edge tech will kill your startup -
…https://lists.w3.org/Archives/Public/w3c-wai-ig/2020JulSep/0... [3] - Scrawl-canvas GitHub issue - https://github.com/KaliedaRik/Scrawl-canvas/issues/8
comment by rikroots · 2020-09-10 · in Annoying website features I face as a blind person -
…which in turn makes working on the project a lot more fun for me. [1] Scrawl-canvas on GitHub - https://github.com/KaliedaRik/Scrawl-canvas
comment by rikroots · 2020-08-20 · in A documentation system: tutorials / How tos / reference / explanation -
https://github.com/KaliedaRik/Scrawl-canvas
comment by rikroots · 2020-05-17 · in It’s OK for your open source library to be a bit shitty (2015) -
…images in the web browser - with added animation capability![3] [1] Scrawl-canvas v8 code base - https://github.com/KaliedaRik/Scrawl-canvas/tree/v8-alpha [2] Scrawl-canvas v8 code documentation (incomplete) -…
comment by rikroots · 2020-03-22 · in Ask HN: What projects are you working on now? -
…of the language to find solutions to problems I didn't even know existed! [1] Scrawl-canvas - https://github.com/KaliedaRik/Scrawl-canvas/tree/v8-alpha
comment by rikroots · 2020-02-04 · in Mini projects built with VanillaJS. No frameworks or libraries