我们的库ApiNATOMY渲染树形图以导航分层空间(例如,人体解剖学)。我们过去常常为每个磁贴使用嵌套的<div>
元素,但重新流动过程是一个持续的减速源。我们现在已经切换到纯WebGL(Three.js),并获得了显着的性能提升。
然而,这确实使我们失去了类似HTML的标记的便利性。它现在需要10-20行代码来绘制一个框,另外10-20行来渲染一些文本。当盒子重新调整大小时让事物保持中心也是一个手工工作,我甚至不敢梦想自动换行。然后出现THREE.FontUtils
呈现文本的速度极慢的问题。我已经找到了一种使用separate canvas的方法,但这也需要大量的手动代码,并且更加不灵活w.r.t.尺寸。
所以我的问题是:是否有一些实用程序类/函数库可以使Three.js中的这些2D作业更容易,更健壮?或者,任何一般提示或参考?
(注意:ApiNATOMY仍然会有3D方面,因此不能选择纯2D渲染器。)