Jcanvas坐标不是从（0,0）开始

Question

我正在尝试使用jCanvas来了解HTML 5 canvas。 但是我遇到一个奇怪的问题。

我试图使用以下代码绘制一个矩形，该矩形应填充整个画布：

的HTML

<canvas width=600 height=400></canvas>

JS：

var canvas = $("canvas");

//white background in canvas
canvas.drawRect({
        fillStyle: "#FFF",
        x: 0, y: 0,
        width: 600,
        height: 400
 });

这将输出一个矩形，但只有预期大小的一半。 如果我将x，y坐标更改为一半的宽度/高度，则可以得到预期的结果。 但是据我了解，x，y应该从左上角开始，对吗？

小提琴

Answer 1

我找到答案了。 显然，canvas需要一个附加参数来从左上角而不是中心开始计算坐标。

我将js代码更改为：

var canvas = $("canvas");
//white background in canvas
canvas.drawRect({
        fillStyle: "#FFF",
        x: 0, y: 0,
        width: 600,
        height: 400,
        fromCenter: false
    });

现在，它可以正常工作了！

您还可以通过调用以下方法来更改默认行为：

$.jCanvas({
    fromCenter: false
});

在脚本开头