用fabricjs在画布中心画一条垂直线？

【问题标题】：Drawing a vertical line in the center of the canvas with fabricjs?用fabricjs在画布中心画一条垂直线？
【发布时间】：2018-04-25 12:10:52
【问题描述】：

我试图在画布的正中心画一条线。现在我正在使用一种 hacky 方法。

// Centered Line
fabric.Image.fromURL('https://i.imgur.com/zM63v6J.png', function(myImg) {
  var img1 = myImg.set({
    left: 306,
    selectable: false,
  });
  canvas.add(img1);
});

这可以完成工作，但我确信有一种更轻松的方法可以做到这一点。

任何帮助将不胜感激。提前致谢

【问题讨论】：

标签： css canvas fabricjs

【解决方案1】：

var canvas = new fabric.Canvas('c');
var line = new fabric.Line([canvas.width/2,0,canvas.width/2,canvas.height],{
  strokeWidth:2,
  stroke: 'red',
});
canvas.add(line);

canvas{
 border: 2px dotted black;
}

<script src="https://rawgithub.com/kangax/fabric.js/master/dist/fabric.js"></script>
<canvas id="c" width="500" height="500"></canvas>

你可以使用这条线坐标[canvas.width/2,0,canvas.width/2,canvas.height]作为垂直中心线。

【讨论】：