Two.js是面向现代网浏览器的一个二维绘图原料药. Two.js可以用于多个场合：SVG，画布和WebGL，旨在使平面形状和动画的创建更方便，更简洁。

Two.js有一个内置的动画循环，可搭配其他动画库两个包含可伸缩矢量图形解释器，这意味着开发人员和设计人员都可以在商业应用中，如Adobe Illustrator中创建挽救(保存的简写)元素，并把它引入Two.js使用场景中。

效果如下：

下面是核心射流研究…代码超文本标记语言就不贴了，需要引入two.js文件：

var elem=文档。getelementbyid(' draw-animation ')；var two=new Two({ width: 700，height: 700 })。appendo(elem)；//外层大运行轨迹var track=two.makeCircle(0，0，200)；track.fill="透明";track.stroke=' # 3366FFtrack。线宽=3；//sunvar sun=two.makeCircle(0，0，80)；sun . fill=' # ff 8000 SUn . stroke=' # ff 0000 SUn。线宽=5；//earth var earth=2。做圆(0，0，50)；earth . fill=' # 9ACD 32//moon var moon=two。做圆(100，0，30)；moon.fill=' # 1C75BC//内联小的运行轨迹var inline=two.makeCircle(0，0，100)；inline . stroke=' # 3366 ffinline . fill="透明";内嵌。线宽=3；//组分组一类型为一组var group=two.makeGroup(内嵌，地球，月球);console.dir(组);var group1=two.makeGroup(sun，track，group)；第一组。翻译。第二集。宽度/2，两个。高度/2)；//平移(x，y)父元素的一半group.translation.set(200，0)；group.scale=0.8//比例two.bind('update '，function(frameCount) {//执行动画组1 .旋转=0.01 *2*数学.PI；组.旋转=0.01 *数学.PI；}).play()；以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。