Скільки разів ви хотіли просто намалювати стрілку на своїй web-сторінці? Або кілька ліній тут і там? На жаль, HTML нічим не може в цьому допомогти, а використання зображень з'їдає трафік і уповільнюють завантаження ваших сторінок.
Використовуйте бібліотеку, щоб малювати:
лінії
кола і овали
прямокутники
ламані лінії і багатокутники
тексти
картинки
Кака використовувати бібліотеку, 3 швидких кроку
Скопіюйте бібліотеку в папку з web-сторінками і додайте наступне в розділі
:У тілі документа, визначте один або більше
Малюємо!
Викличте jsGraphics () без параметрів при малюнку в межах всього документа
Використовуйте див «Canvas» для малювання
var jg = new jsGraphics ( "Canvas");
jg.setColor ( "maroon");
jg.fillEllipse (450, -5, 40, 70);
jg.setStroke (1);
jg.setColor ( "# ff6666");
jg.drawPolyline (new Array (90, 640, 90), new Array (0, 25, 90));
jg.setColor ( "green");
jg.drawRect (100,40,200,18);
jg.setColor ( "blue");
jg.setStroke (Stroke.DOTTED);
jg.drawRect (-20,0,32,50);
jg.drawEllipse (250,10,100,100);
jg.paint ();
clear ();
Мета: очищає інформаційне наповнення між тегами
приклад: