Articles for the Canvas tag
-
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
0 views
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
3 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
1 view
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
2 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
0 views
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
0 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.
-
Capturing the Web: HTML2Canvas Wizardry in React
1 view
Unlock the power of client-side screen capture with html2canvas, a versatile library that turns DOM elements into canvas images. Perfect for React developers looking to add screenshot functionality to their applications.