【问题标题】: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]作为垂直中心线。

    【讨论】:

      猜你喜欢
      • 2018-03-12
      • 2021-10-11
      • 1970-01-01
      • 1970-01-01
      • 2014-02-21
      • 1970-01-01
      • 2014-02-06
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多