便捷的前端绘图框架：two.js初探

最新推荐文章于 2024-09-17 14:53:18 发布

bohn

最新推荐文章于 2024-09-17 14:53:18 发布

阅读量5.2k

点赞数

分类专栏：特效框架文章标签： two.js

本文链接：https://blog.csdn.net/qq_39458856/article/details/82252810

版权

本文介绍了two.js作为一个便捷的前端绘图框架，其动画制作以图形自身为中心旋转，不产生累加效果。通过Two.play()方法实现每秒60次的更新，而无需使用定时器。此外，two.js支持合并图形并进行操作。

摘要由CSDN通过智能技术生成

附：two.js做的小栗子

1.two.js用来做动画十分便捷，因为two.js制作的动画默认都是以自己为中心旋转

3.two.js的旋转不会造成累加效果

2. Two.js中不使用定时器，使用Two.play()方法，two.js 动画原理：调用two.play()方法，每秒调用60次,two.update() //每次调用触发一次update事件

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        svg,canvas{
            background-color: #4cae4c;

        }
    </style>
</head>
<body>
<h1>two.js 旋转</h1>
<div id="box"></div>
<script src="js/two.js"></script>
<script>
    var box=document.getElementById("box