jcanvas - jCanvas 方法 drawRect() 位置问题

Question

我对 jCanvas 有疑问，它是一个框架绘图画布和 jquery。

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

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

屏幕截图：

纯js结果

jCanvas 结果

请帮我。

非常感谢。

// 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文档：

[.drawRect's] fromCenter 属性确定矩形的 x 和 y 属性是否位于其中心（而不是其左上角）。此属性默认为 true。

是的。你的 X 和 Y 与 jCanvas，指的是矩形的中心，不像画布的 fillRect X 和 Y，指的是矩形的左上角。