canvas是htm5中新增的图形元素。网上反映不错。可惜IE还不支持。
测试方案:
IE_excanvas:canvas性能.html。由于IE8还不支持canvas,所以引入了google 的excanvas脚本。实现对canvas的透明封装。这个在IE上也是通过vml实现的。从结果看,比原生的vml要慢一倍左右。不过比rapheal要快不少。
Opera+canvas:canvas性能.htm。Canvas是html5中的新元素。网上一片叫好。从测试结果看,和svg 的性能差不多。估计实现方式是类似的。以后可能就统一了。
Opera+canvas1:canvas性能1.htm.。由于canvas本身有id,但是其中的图形是没有id的,不能支持交互式。一个变通的方法是把每个图形放在一个canvas里面.考虑到和vml 的group对应,还需要有文字显示的功能,可能还要增加div。从测试结果可以看到,在创建多个canvas的情况下,性能显著下降了。和IE中vml的性能差不多。
测试结果
IE+excanvas | 219 | 234 | 1578 | 2375 |
Opera+canvas | 47 | 47 | 265 | 266 |
Opera+canvas1 | 93 | 110 | 625 | 781 |