1
當我在fabricjs畫布上畫一個圓時,即使將座標設置爲居中,它總是出現在右下角。我怎樣才能使畫布的圓圈畫中心?如何將canvas的起源設置爲以fabricjs爲中心?
var circle = new fabric.Circle({
top: 300,
left: 300,
radius: 100
});
當我在fabricjs畫布上畫一個圓時,即使將座標設置爲居中,它總是出現在右下角。我怎樣才能使畫布的圓圈畫中心?如何將canvas的起源設置爲以fabricjs爲中心?
var circle = new fabric.Circle({
top: 300,
left: 300,
radius: 100
});
您可以設置畫圓對象中心的原點,用originX
和originY
財產。
var canvas = new fabric.Canvas('c');
var circle = new fabric.Circle({
top: 100,
left: 100,
radius: 50,
originX: 'center',
originY: 'center'
});
canvas.add(circle);
canvas{border:1px solid #ccc}
<script src="https://cdnjs.cloudflare.com/ajax/libs/fabric.js/1.7.14/fabric.min.js"></script>
<canvas id="c" width="200" height="200"></canvas>
你有centerObject()。
canvas.add(oImg)
canvas.centerObject(circle);
canvas.renderAll();
將您的圓圈設置在畫布中央。
謝謝!但是,如果我要設定不同的起源?這會工作嗎? –
是的,它會的。您可以根據需要設置「x」和「y」的來源。 –