Тема: jQuery и canvas
Показать сообщение отдельно
  #4 (permalink)  
Старый 12.07.2011, 20:04
Кандидат Javascript-наук
Отправить личное сообщение для ArmagedDance Посмотреть профиль Найти все сообщения от ArmagedDance
 
Регистрация: 07.12.2009
Сообщений: 147

задача: соединить линией, нарисованной canvas два блока. Пишу функцию, которая принимает id первого и второго блока и возвращает соединяющую их линию.
Сел писать свой плагин под jquery.

Набросал:
(function($)
jQuery.fn.line_draw = function(cat_id_1, cat_id_2) {
   var canvas = document.getElementById("canvas");
	      if (canvas.getContext) {
        var ctx = canvas.getContext("2d");
        var lineCap = ['round'];
        ctx.lineWidth=3;
        ctx.lineCap=lineCap;
        ctx.strokeStyle = "rgba(100,100,100,0.6)";
        var l1=$("#"+cat_id_1+"").offset().left;
        var t1=$("#"+cat_id_1+"").offset().top;
        var l2=$("#"+cat_id_2+"").offset().left;
        var t2=$("#"+cat_id_2+"").offset().top;
        ctx.moveTo(l1,t1);
        ctx.lineTo(l2,t2);
        ctx.stroke();
}
})(jQuery);


не работает, эххх(((
Ответить с цитированием