Canvas的奇怪变形

我一般用脚本创建元素的同时多数会附加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里的那个