Javascript中奇怪的画布维度（HTML5/jquery）

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

我的例子/问题：

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

但是…我还没到那里，因为线条在某种程度上与画布不在同一维度

任何形式的帮助都将不胜感激

编辑： 参见

var$ctx=$（''，{width:_width，height:_height}）的结果设置样式宽度和高度，但画布位图仍具有默认值（）。我猜你真的想做一些事情，比如：

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

var$ctx=$（''）；
$ctx[0]。宽度=\u宽度；
$ctx[0]。高度=\u高度；