jCanvas方法drawRect()位置问题

Question

我对jCanvas有一个问题，它是一个绘制画布和jquery的框架。

当我设置x=0，y=0时，.drawRect输出应该与纯javascript结果相同。

我尝试了文档和谷歌，但我没有找到任何解决这个问题的方法。

截图：

Pure js result

jCanvas result

请帮帮我。

非常感谢。

// Pure javascript
var canvas = document.getElementsByTagName('canvas')[0];
var ctx = canvas.getContext("2d");
ctx.fillStyle = 'blue';
ctx.fillRect(0, 0, 100, 100);

// jCanvas
$('canvas').drawRect({
  fillStyle: '#000',
  x: 0, y: 0,
  width: 100,
  height: 100
});

要运行此代码，请复制并传递到此sanbox。https://projects.calebevans.me/jcanvas/sandbox/

Answer 1

来自jCanvas documentation

.drawRect的fromCenter属性确定矩形的x和y属性是否位于矩形的中心(与其左上角相对)。默认情况下，此属性为true。

所以是的。jCanvas中的X和Y指的是矩形的中心，而canvas的fillRect X和Y指的是矩形的左上角。