Wednesday, January 11, 2012

Canvas Coordinates have offset


I just started with fabric.js and I have a (probably beginner) error:



I am using fabric with jquery with the following code:




$(document).ready(function () {

canvas = new fabric.StaticCanvas('scroller');

canvas.add(
new fabric.Rect({ top: 0, left: 0, width: 140, height: 100, fill: '#f55' })
);

});



This code should draw a 140x100 Rectangle on the canvas. Sadly, only a quarter of the Rectangle appears. If I change the top and left values to higher numbers, more of the Rectangle appears on the canvas.



So it seems, that the canvas origin is not at 0/0, but at sth. higher.



Does someone know how to fix this or what I am doing wrong?



Thanks in advance, McFarlane

No comments:

Post a Comment