2015-06-04 63 views
0

我的網頁上有圈子,我想找到一個圓圈,然後畫一條線條到另一個圓圈。如何使用fabricjs查找對象

FabricJS可能嗎?

+0

您是否嘗試過?請在這裏發佈你的代碼。 – ptCoder

+0

不,實際上我剛剛開始了,我沒有找到任何有關查找元素的內容 –

回答

0

儘量從這裏開始:

http://fabricjs.com/stickman/

http://fabricjs.com/quadratic-curve/

我爲你一個例子:

var canvas = new fabric.Canvas('c'); 
canvas.add(
    new fabric.Circle({ top: 50, left: 50, radius: 25, fill: 'red' }), 
    new fabric.Circle({ top: 300, left: 300, radius: 25, fill: 'red' }) 
); 
canvas.renderAll(); 


$('#drawLine').click(function(){ 
canvas.add(new fabric.Line([50, 50, 300, 300], { 
     left: 50+25, //25 = 50/radius 
     top: 50+25, 
     stroke: 'blue' 
    })); 
}); 

鏈接在這裏:http://jsfiddle.net/q6Y6k/17/

+0

謝謝我將從此開始! –