HTML5资讯

当前位置: HTML5技术网 > HTML5资讯 > Two.js —— 二维的绘图 JavaScript 库

Two.js —— 二维的绘图 JavaScript 库

Two.js 是一个二维的绘图 API,用于较新的 Web 浏览器,可基于不同上下文绘制,包括 svg、canvas 和 webgl。


示例代码:


// Make an instance of two and place it on the page.

var elem = document.getElementById('draw-shapes').children[0];

var params = { width: 285, height: 200 };

var two = new Two(params).appendTo(elem);


// two has convenience methods to create shapes.

var circle = two.makeCircle(72, 100, 50);

var rect = two.makeRectangle(213, 100, 100, 100);


// The object returned has many stylable properties:

circle.fill = '#FF8000';

circle.stroke = 'orangered'; // Accepts all valid css color

circle.linewidth = 5;


rect.fill = 'rgb(0, 200, 255)';

rect.opacity = 0.75;

rect.noStroke();

【Two.js —— 二维的绘图 JavaScript 库】相关文章

1. Two.js —— 二维的绘图 JavaScript 库

2. Zrender——轻量级Canvas类库,让绘图大不同!

3. 利用HTML 5和JavaScript创建绘图应用

4. CDNJS —— Web 上最快的 JavaScript 资源库

5. x18n.js —— 实现国际化的 JavaScript 库

6. HTML5打造原生应用——Ionic框架简介与Ionic Hello World

7. gRaphael——JavaScript 矢量图表库

8. Collie——基于 HTML5 的高性能 JavaScript 动画库

9. Groundwork:响应式 HTML5,CSS & JavaScript 工具包

10. JScrambler:保护你的JavaScript代码

本文来源:https://www.51html5.com/a3257.html

点击展开全部

﹝Two.js —— 二维的绘图 JavaScript 库﹞相关内容

「Two.js —— 二维的绘图 JavaScript 库」相关专题

其它栏目

也许您还喜欢