1

我正在开发一种图形流程图类型的应用程序,其中我将用户可以拖动的“模块”链接在一起,什么不能。我正在使用 draw2d 之类的库(例如,它使用 raphael.js),它们使用 SVG 和 HTML5 画布来绘制图形。

但是,我什至还没有达到我认为的“压力”水平,而且它在我的浏览器中运行速度非常慢。当我拖动模块(蓝色框)时,感觉就像每秒 10 帧,甚至更少。屏幕截图显示我在屏幕上的内容:

我的应用程序的示例截图。 拖动大矩形真的很慢..

在我的笔记本电脑上,我有一个 AMD 提供的系统监视器,显示我的 CPU 内核和 GPU 的使用百分比。当我拖动对象时,我的 CPU 内核(全部 4 个)被使用到最大,但 GPU 根本没有被使用。

基于图形的 Web 框架是否不使用 GPU?鉴于我的应用程序正在尝试做什么以及它目前在性能方面的糟糕状态,我是否可能必须找到一个使用 openGL 或其他东西的新图形库?这样的事情存在吗?

4

1 回答 1

3

这实际上取决于库和使用的浏览器。如果您使用 chrome,第一步是转到 chrome://gpu 并查看为 GPU 加速启用了哪些功能。那么它是使用标准的画布绘图功能还是实现自己的软件渲染功能,它完全依赖于2D框架库。

于 2012-09-04T03:58:12.480 回答