[whatwg] [canvas] matrix based changes on bitmaps

Tyler Larson talltyler at gmail.com
Mon Apr 23 14:38:35 PDT 2012


Can we add matrix transformations?
Looping over every pixel in JavaScript is slow. Many cool things could be taken care of much faster if the canvas had some form of matrix manipulations built in. 
All of the pixels could have one transformation operation defined and all of the pixels could be operated on at once in something lower level. 

It could look like this...

context.transformMatrix([0.5,0.5,0.5,0,0,
					0.5,0.5,0.5,0,0,
					0.5,0.5,0.5,0,0,
					0,0,0,1,0,
					0,0,0,0,1]);

It's far simpler than looping over an array of pixels and picking out the values of each color. 

Other graphics systems have ways of doing this already. You can easily find sample tutorials on how to create and transform matrixes. 
In some languages they have matrix objects that have methods for even easier manipulation of these transformations but I'm cool without this if it is easier.

-Tyler Larson




More information about the whatwg mailing list