HTML5画布中的文本API是否仍然如此之慢?

时间:2012-10-08 20:46:48

标签: html5 canvas

我已经阅读了一些关于画布中的文本API在浏览器中速度慢的文章。这些文章已经有一年了,这段时间有些改进吗?例如Google是否在其Google Maps MapsGL中使用了canvas Text API?

2 个答案:

答案 0 :(得分:3)

我最近使用fillText()和strokeText()在my site上对此进行了分析:

fillText方法()

  1. 157.1ms Safari 5.1.7
  2. 215.8ms Chrome v21
  3. 210.6ms Chrome v22
  4. 426.1ms IE 9(64位)
  5. 994.5ms FireFox 15.0.1 994。
  6. strokeText()

    1. 196.6ms Chrome v21
    2. 193.0ms Chrome v22
    3. 3793.1ms IE 9(64位)
    4. 6149.0ms FireFox 15.0.1
    5. 9628.8ms Safari 5.1.7
    6. 是的,我觉得很慢,但确实依赖于浏览器。在那里测试测试代码,你可以自己运行,但实际上,FF可能会超时等待测试完成。

答案 1 :(得分:1)

查看Google Maps GL,可以看到它使用名为https://maps.gstatic.com/cat_js/intl/en_ALL/mapfiles/435c/maps2/%7Bmain,mod_util,mod_vt%7D.js

的文件

在那里,确实有fillText()的调用,文件中有6个“fillText”实例。