fabricjsを使用してキャンバスの中心に垂直線を描画しますか？

Question

私は自分のキャンバスの中心に線を描こうとしています。今、私は一種のハッキーメソッドを使用しています。

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

これはジョブを完了しますが、これを行うにはより軽い方法があると確信しています。

ご協力いただければ幸いです。あなたは垂直中心線のため[canvas.width/2,0,canvas.width/2,canvas.height]座標このラインを使用することができます

Answer 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>

事前に感謝します。