jQuery и canvas

[ArmagedDance]

Подскажите пожалуйста, как с помощью jquery и canvas рисовать линии с заданной шириной, положением точек и цветом?

[ваый]

собственно для рисования на canvas jquery мало чем поможет. смотрим базовый туториал: https://developer.mozilla.org/en/canvas_tutorial

[tenshi]

http://habrahabr.ru/blogs/html5/90339/

[ArmagedDance]

задача: соединить линией, нарисованной 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);

не работает, эххх(((

[ArmagedDance]

http://habrahabr.ru/blogs/html5/90339/

Клево, конечно, но ссылка на фреймворк битая.

[tenshi]

загугли..

[kobezzza]

У Джона Ресига есть отдельный проект для работы с canvas - это порт языка processing на JS http://processingjs.org/ - сам не юзал, но судя по всему штука интересная.