我一般用脚本创建元素的同时多数会附加css来控制大小,背景色,etc.

但在<canvas>上却表现比较怪,

var canvas = new Element('canvas', {styles: {width: '150px',height : '150px'}});

再在上面画东西的时候居然发现变形了

我记得mozilla上面说是可以改变它的大小的

分析一下,canvas最终表现和一个png图像差不多,而它的默认大小是300/150,当应用css时,相当于宽度压缩了。

那不用css怎么办呢?其实很简单

var canvas = new Element('canvas', {width: 150,height : 150});

诶,被css惯坏了……

注: Element指的是mootools里的那个