我尝试对齐组内的对象。当我将第一个对象向左、居中或向右对齐时,它成功了,然后我尝试了第二个对象,第一个对象自行移动了!
请参见下图(GIF): Fabric JS 对象对齐
我使用 HTML5 Canvas、fabric JS 和 jQuery 进行开发。
这是小提琴: https: //jsfiddle.net/mt0ccqq2/
这是代码:
$(document).ready(function() {
var canvas = new fabric.Canvas("canvas", { preserveObjectStacking: true });
// create rectangle
var rect = new fabric.Rect({
left: 50,
top: 50,
width: 300,
height: 100,
fill: '#ff0000'
});
// create circle
var text = new fabric.Text("Align Me next", {
left: 190,
top: 320,
fontSize: 20
});
// create text
var text2 = new fabric.Text("Align me first", {
left: 100,
top: 200,
fontSize: …Run Code Online (Sandbox Code Playgroud)