Javascript Two.js webgl对于许多对象来说太慢

我使用Two.js+Vue.js在webgl中显示我的svg，以优化其渲染，但渲染函数比通过Vue调用svg花费的时间更长

我尝试使用Pixi，但它在路径上没有圆角

其中两个具有此功能，但处于webgl模式，因为它在很长一段时间内绘制了大量的对象，并且对剪辑也有限制

var two=新的两个({
类型：Two.Types.webgl，
宽度：1024，
身高：1024
})
变量变形=（第一，第二，范围）=>{
返回第一个+（第二个-第一个）*范围
}
var animate=（）=>{
//从代码中获取元素
//锚点1和锚点2是用于插值内容的数组[{锚点：…，x:…，y:…}，…]
var verts=元素顶点；
对于（变量i=0，len=verts.length；i

Vue.js（不要看大功能（动画、头发等），这是固定的）

2.js

---

你在JavaScript中做了很多工作，这取决于这是什么动画，你可能想考虑把它移到GPU边。问题是我不知道如何翻译GUI中的插值计算，或者用另一种方式减少对DOM的调用。