JavaScript Canvas库慢，不使用GPU？

Question

我正在开发一种图形流程图类型的应用程序，我将用户可以拖动的“模块”链接在一起，而不是。我正在使用像draw2d这样的库（例如，使用raphael.js），它们使用SVG和HTML5画布来制作图形。

然而，我甚至没有接近我认为的“压力”水平，而且它在我的浏览器中运行速度非常慢。当我拖动模块（蓝色框）时，感觉就像每秒10帧，甚至更少。屏幕截图显示我在屏幕上显示的内容：

在我的笔记本电脑上，我有一个由AMD提供的系统监视器，显示我的CPU核心和GPU的使用百分比。当我拖动对象时，我的CPU内核（所有4个内核）都被最多使用，但GPU根本没有被使用。

基于图形的Web框架是不是使用GPU？考虑到我的应用程序正在尝试做什么以及目前处于性能方面的糟糕状态，我是否可能需要找到一个使用openGL的新图形库？这样的事情存在吗？

Answer 1

这真的取决于库并使用浏览器。如果您使用chrome，则第一步是转到chrome：// gpu并查看为GPU加速启用了哪些功能。然后，如果它使用标准的画布绘制函数或实现自己的软件渲染功能，那么它完全依赖于2D框架库。