Содержание
Элемент HTML5
Элемент является только контейнером для графики. Вы должны использовать скрипт для рисования графики. В Canvas есть несколько методов для рисования контуров, прямоугольников, окружностей, символов и добавления изображений.
Вот пример HTML- примера холста:
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
|
< ! DOCTYPE html >
< html >
< тело >
< canvas id = myCanvas ширина = 290 высота = 80 style = border: 1px solid # d3d3d3; >
Ваш браузер не поддержать холст тег HTML5. < / canvas >
<скрипт>
вар с = документ . getElementById ( myCanvas ) ;
вар ctx = c . getContext ( 2d ) ;
ctx . font = 30px Georgia ;
ctx . strokeText ( «Crunchify.com Test» , 10 , 50 ) ;
< / body >
< / html >
|
Выход:
Мои любимые библиотеки JavaScript Canvas:
1) Библиотека bHive.js:
Создавайте пользовательский опыт, анимацию, игры и приложение с bHive, в HTML 5 холста рамочного API построен , чтобы сделать разработку проще, так что вы можете начать создавать сразу.
Link: http://www.bhivecanvas.com/
2) Библиотека BitmapDataChannels:
HTML5 Canvas API реализация класса AS3 BitmapData.
Link: https://github.com/pnitsch/BitmapData.js
3) Библиотека Paper.js:
Paper.js — это среда сценариев векторной графики с открытым исходным кодом, которая работает поверх HTML5 Canvas. Он предлагает чистую объектную модель графа сцены / документа и множество мощных функциональных возможностей для создания и работы с векторной графикой и кривыми Безье, которые аккуратно обернуты в хорошо разработанный, согласованный и чистый интерфейс программирования .
Link: http://paperjs.org/
4) HTML Canvas Library:
HTML-библиотека холста — это полнофункциональная облегченная библиотека-оболочка нативного HTML-элемента canvas, написанного на Javascript, предназначенная для упрощения визуализации и анимации с использованием canvas. Особенности анимации, поддержка слоев, захват событий, мультитач и много примеров.
Link: http://html-canvas-lib.sourceforge.net/
5) Библиотека Fabric.js:
Fabric.js — это мощная и простая библиотека холста Javascript. Fabric предоставляет интерактивную объектную модель поверх элемента canvas. В Fabric также имеется синтаксический анализатор SVG-to-canvas (и canvas-to-SVG).
Link: http://fabricjs.com/
Какой твой любимый? Дайте нам знать, в разделе комментариев ниже.
0.00 (0%) 0 votes
