相当于fabric.js中的ctx.translate

Equivalent of ctx.translate in fabric.js

本文关键字：ctx translate 中的 js fabric 相当于      更新时间：2023-09-26

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

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

ctx.translate(100, 100);用于将坐标向左和向下移动100px。我想知道Fabric.js中是否有类似的东西请帮帮我，谢谢！

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

如果你需要在[200200]处放置一个圆圈，而不是进行

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);
相关文章：