基于Web的2D绘图:Two.js
Two.js是一个面向现代浏览器的2D绘图API。对于不同的浏览器渲染引擎(svg
, canvas
, 和webgl
),提供了相同的绘制API。
用法:
// 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();
本文由用户 jopen 自行上传分享,仅供网友学习交流。所有权归原作者,若您的权利被侵害,请联系管理员。
转载本站原创文章,请注明出处,并保留原始链接、图片水印。
本站是一个以用户分享为主的开源技术平台,欢迎各类分享!