Координаты Jcanvas не начинаются с (0,0)

Question

Координаты Jcanvas не начинаются с (0,0)

0

Я пытаюсь получить голову вокруг холста HTML 5, пытаясь jCanvas. Но я испытываю странную проблему.

Im пытается нарисовать прямоугольник, который должен заполнить весь холст, используя следующий код:

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 должен начинаться с верхнего левого угла, верно?

скрипка

Philip G 08 дек. 2013, в 11:39

Источник

Теги:

jquery

html5

canvas

html5-canvas

jcanvas

1 ответ

Ещё вопросы

Philip G · Accepted Answer · 2013-12-08T08-36-00.000Z

Я нашел ответ. Для того, чтобы перфорировать холст, требуется еще один параметр для подсчета координат слева вверху, а не центра.

Я изменил код 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
});

В начале скрипта

Хорошая находка. Вы должны принять свой собственный ответ. Таким образом, вопрос будет закрыт.
Я знаю, но я не могу сделать это в течение двух дней!