Question

“ centerH（）”将文本放置在整个画布大小的水平中心。我想将文本居中放置在右半部分（好像裁剪了左画布的50％）。我可以实现一个while循环，该循环始终检查左右两边的距离，直到相等为止，但是也许有更简单的方法可以做到这一点？

Answer 1

您可以将文本的左侧设置为画布宽度的一半。

text.set({
  left:canvas.width/2
});

var canvas = new fabric.Canvas('canvas');
var text = new fabric.Text('FabricJS',{
 left:10,top:20
});
canvas.add(text);
function setToCenter(){
 text.set({
  left:canvas.width/2
 });
 text.setCoords();
 canvas.requestRenderAll();
}

canvas {
  border: 1px solid #999;
}

<script src="https://rawgit.com/kangax/fabric.js/master/dist/fabric.js"></script>
<button onclick='setToCenter()'>Center</button>
<canvas id="canvas" width="400" height="400"></canvas>

Fabric.js：文本在画布右半部分的位置（水平中心）

1 个答案: