Canvas2D is getting an update

on YouTube ↗11m

" summary

Canvas2D adds nine new features aimed at usability, text, and performance and ships in Chrome behind the experimental Canvas2D API flag. New drawing primitives include roundRect now as a roundRect single draw call, conic gradients, and 4x4 matrix transforms (aka Canvas2.5D) for perspective. Text gains letter/word spacing, kerning, font-stretch, decoration and improved rendering. Ergonomics include reset() clears transform stack and Array Color Input for numeric colors, programmatic SVG filters, willReadFrequently for faster getImageData, and automatic context reinitialization on loss.

AI-written summary · about

" chapters (5)

1. 0:00The story of canvas 2d
2. 2:20Canvas usage and potential
3. 5:29New API features
4. 7:16Improved developer ergonomics
5. 8:46Performance and reliability

" related talks

• 33mRubyist's Guide to the Canvas APIH. Dean Hudson · Cascadia Ruby 2012
• 32mIntro to Web Graphics with HTML5 CanvasKai Chang · Øredev 2018
• 01h 14mThe Evolution of Text Rendering on Canvas: On Flash, IE11, Designers and CuneiformAndrey Churakov · HolyJS Piter 2020
• 31mWhat's new for the web platformUna Kravets, JAKE ARCHIBAL · Google I/O 2022
• 26mIf it moves they will watch itStephan Seidt, Sebastian Deutsch · JSConf.eu 2010
• 46mCreating Animations in JS: Canvas 2D and WebGLArtem Yashin · HolyJS 2025 Autumn
• 32mMake the Web Brighter with the CSS Paint APIVitalii Bobrov · RuhrJS 2018
• 31mComposing in your Canvas!Himanshu Singh · droidcon London 2022