在fabric.js中等效ctx.translate

Question

我是Fabric.js的新手 使用Canvas时，我有以下几行代码：

＆＃13;

＆＃13;

var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
ctx.translate(100, 100);

＆＃13;

＆＃13;

＆＃13;

ctx.translate(100, 100);用于将坐标移动到左侧和底部100px。我想知道Fabric.js中是否有相应的东西 请帮帮我，谢谢！

Answer 1

没有直接的等价物。 Fabricjs使用ctx.translate将对象定位在top和left属性。

如果你需要在[200,200]放置一个圆圈，而不是做

var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
ctx.translate(200, 200);
/* circle drawing here */

你会做的

var canvas = new fabric.Canvas("canvas");
var circle = new fabric.Circle({radius: 50});
circle.top = 200;
circle.left = 200;
canvas.add(circle);