Articles for the Canvas tag
-
billboard.js: D3 Power Without the D3 Homework
1 view
D3 is the most powerful drawing engine on the web and also the one most likely to make you cry into your scales and axes. billboard.js keeps the power and hides the homework behind a config object you can actually read.
-
Geometric.js: 2D Geometry Without the Class Ceremony
0 views
Sometimes you just need the area of a polygon, the centroid of a shape, or to know whether a click landed inside a region — without dragging in a GIS framework or learning a new object model. Geometric.js answers all of that with plain arrays and plain functions.
-
Pretext: Measure Text Without Waking the DOM
1 view
A pure-JS text measurement engine from Cheng Lou that side-steps the DOM, handles the world's scripts, and runs hundreds of times faster than a measuring div.
-
tsParticles: Confetti, Constellations, and Snow Without the Canvas Headache
4 views
Particle animations used to mean wrestling with raw canvas code. tsParticles turns them into a declarative config object you can drop into any React app.
-
opentype.js: Turning Letters Into Vectors You Can Actually Touch
3 views
The browser will happily paint text on the screen, but it guards the actual shapes of letters like a secret. opentype.js hands you the key.
-
ECharts: One Option Object to Chart Them All
3 views
If your dashboard needs to draw everything from a humble bar chart to a streaming heatmap without breaking a sweat, ECharts hands you one config object and a lot of power.
-
Pica: Crisp In-Browser Image Resizing Without the Mush
1 view
A look at Pica, the browser-side image resizer that trades native canvas mush for genuinely sharp thumbnails, powered by WASM and web workers.
-
Swatchify: Pull Colors Straight Out of Any Image
3 views
Extracting dominant colors from images should not require a server round-trip or a heavy dependency tree.
-
StackBlur.js: The Blazing Fast Canvas Blur That Skips the Math Homework
1 view
When CSS filter blur is not enough and a full Gaussian convolution is overkill, StackBlur.js sits in the sweet spot: visually indistinguishable from Gaussian at most radii, but fast enough to run in real time on large canvases with zero dependencies.
-
Sign on the Dotted Line: Mastering React Signature Pad Wrapper
0 views
In the digital age, capturing signatures electronically has become increasingly important. React Signature Pad Wrapper offers a seamless solution for integrating signature functionality into your React applications. This article explores the features and implementation of this powerful library.