Javascript中的奇怪画布尺寸（html 5 / jquery）

Question

我刚开始学习Canvas。但是我的多边形有问题。

我的例子/问题： http://jsfiddle.net/xCLX4/

我想用Javascript创建/绘制多边形/矩形，它可以“替换”CSS规则。 后来我想把它们变成另一种形状。 （这就是为什么我不只是使用CSS。）

但是......我还没有，因为线条与Canvas的尺寸不同，有些奇怪。

任何形式的帮助都会非常感激

编辑： 请参阅http://jsfiddle.net/xCLX4/3/

的结果

Answer 1

使用var $ctx = $( '<canvas />', {width:_width, height:_height } );设置样式宽度和高度，但画布位图仍具有默认值（attr-canvas-width）。猜猜你真的想做点什么：

var $ctx = $( '<canvas />');
$ctx[0].width = _width;
$ctx[0].height = _height;