使用jQuery创建画布会打破Y轴刻度

Question

我尝试使用jQuery创建canvas对象

this.canvas = $('<canvas/>', {
    id: this.id,
    width: this.width + 'px',
    height: this.height + 'px'
})[0];

它创建了一个尺寸合适的画布，但是当我尝试绘制它时，我为Y坐标输入的每个数字都加倍了，水平线条粗而模糊。当我将上面的代码改为

时，一切都很好

this.canvas = document.createElement('canvas');
this.canvas.id = this.id;
this.canvas.width = this.width;
this.canvas.height = this.height;

这对我来说很奇怪所以我在谷歌搜索但没有找到任何东西。可能是这里有人碰到了类似的问题。

提前致谢！