2015-06-04 4 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

Спасибо. Я начну с этого! –

Смежные вопросы