Fabric Js 无法设置值 originY 底部

Question

告诉我，谁遇到过这样的问题。我需要将坐标系的参考点从 LT 更改为 LB。在官方网站上有一个应用不同来源的测试（ http://fabricjs.com/test/misc/origin.html ）。
在我的项目中，我无法更改 originY，使用 fiddle

时也是如此

https://jsfiddle.net/borneoBlack/pz4rbken/6/

var rect = new fabric.Rect({
  width: 20,
  height: 20,
  left: 10,
  top: 10,
  angle: 0,
  fill: '#000',
  originX: 'left',
  //originY: 'bottom' - does not work
  originY: 'top'
});

Answer 1

originX和originY指的是与canvas的TL角相关的对象的原点。你可以做的是解析 canvas 中的所有对象并调整块的位置。检查以下示例： https://jsfiddle.net/6m034se2/

 var canvas = new fabric.Canvas('canvas');
var rect = new fabric.Rect({
  width: 20,
  height: 20,
  left: 10,
  top: 10,
  angle: 0,
  fill: '#000',
  originX: 'left',
  //originY: 'bottom' - does not work
  originY: 'top'
});

canvas.add(rect);
canvas.getObjects().forEach(function(block){
    block.top = canvas.getHeight() - block.top - block.height;
  block.setCoords();
})
canvas.renderAll();

Fabric Js 无法设置值 originY 底部

Fabric Js can't set value originY bottom

javascript

fabricjs