Firefox Canvas - 路径绘图中的工件(可能的剪切错误)

时间:2011-06-18 15:19:11

标签: javascript firefox html5 canvas clip

我使用一些“高级”图形功能编写了一个Canvas程序: http://pastebin.com/u5q0W876

它在IE,Chrome和Opera中运行良好。但是在FireFox中,可能会出现一个奇怪的工件:
  〜点击右下角(空白区域)
  〜旋转外圈(点击它)
  〜看起来像http://img535.imageshack.us/img535/9503/fferr.jpg(见右上角)

我确信这个问题与函数pencilStripes有关(它在整个屏幕上绘制条纹,然后剪切到某个区域)。它位于第162行,在第77行使用。但我不知道为什么FireFox在所有其他浏览器上剪辑正常时会出现此错误。

1 个答案:

答案 0 :(得分:1)

在penStripes函数的末尾添加c.moveTo(0,0)似乎可以解决它。但请不要问为什么。