小编Dia*_*ung的帖子

Fabric JS 对象对齐未按预期工作

我尝试对齐组内的对象。当我将第一个对象向左、居中或向右对齐时,它成功了,然后我尝试了第二个对象,第一个对象自行移动了!

请参见下图(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)

html canvas fabricjs

1
推荐指数
1
解决办法
2703
查看次数

标签 统计

canvas ×1

fabricjs ×1

html ×1