нарисовать плавную линию между элементами HTML, используя Jquery?

Question

Я хочу нарисовать плавную линию между HTML-элементом, используя jquery.Есть ли в Jquery плагины для рисования плавных линий с использованием Jquery?Я использовал плагин SVG, но он не поддерживается в IE7, IE8.Я также использовал div, чтобы нарисовать линию, но в ней много неровностей.

Любая идея очень ценится.Плагин должен поддерживать как минимум IE7 и более позднюю версию, Mozila и crome.Спасибо.

http://servut.us/akx/stackoverflow/jquery-canvas-lines.html я хочу сделать как ссылка выше.Но проблема с вышеуказанной ссылкой заключается в том, что она не работает в IE 7,8.

Answer 1

Есть несколько сложных способов , которых вы могли бы достичь, но, скорее всего, вы захотите использовать HTML5 canvas и его методы moveTo и lineTo.Если вам требуется поддержка старых браузеров без поддержки canvas (например, IE7 и IE8), то вы можете использовать canvas polyfill , чтобы помочь вам достичь этого.

Answer 2

До тех пор, пока HTML 5 не станет широко распространенным, лучшим вариантом для динамической графики, вероятно, является рендеринг изображения на сервере и ссылка на него с помощью тега HTML на клиенте.

Оба GD (если вы используетеPHP) и System.Drawing (если вы используете .Net) делают это относительно легко.

Answer 3

Использовать границы CSS, он должен иметь все виды хороших границ

образец

border-top-style:dotted;
border-right-style:solid;
border-bottom-style:dotted;
border-left-style:solid;