二维的绘图 API Two.js

MIT
JavaScript
跨平台
2013-05-08
红薯

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();

加载中

评论(4)

无闻
无闻
看起来给力啊! Two.js
moyiguke
moyiguke
前几天我下了一个叫做 turbulenz的html 游戏引擎。刚开始看。 Two.js
老北
老北
我想改造改造,有几个问题:1可拖动 2代箭头的线 3拖动后线的更新 Two.js
游离菌
示例代码与示例图似乎不符,代码中方框是设置为无框的,图中却有框。 Two.js

暂无资讯

暂无问答

使用two.js生成的卫星环绕动画效果

日期:2013-7-10 来源:GBin1.com two.js是一个帮助你实现绘图和动画效果的类库,同时支持三种前端绘图实现: webgl svg 2d画布 使用这个类库,可以方便的支持这三种不同的实现,你只需要设置...

2013/07/10 12:05
134
0
2013年七月GBin1月刊

2013年七月GBin1月刊 15个CSS3和jQuery的超棒页面过渡效果教程 CSS3和 jQuery从根本上改变了网页设计和程序开发。通过 CSS3和 jQuery,设计员和开发者不需要太多的精力或编码,就可以创造出非...

2013/08/05 20:01
12
0

没有更多内容

加载失败,请刷新页面

没有更多内容

返回顶部
顶部