小编ctd*_*per的帖子

Google Chrome - context.canvas.width/context.canvas.width导致"蓝色图层"

我今天从Chrome版本17升级到Chrome:18.0.1025.142.

我注意到我正在处理的一个网络应用程序有一个奇怪的蓝色层,在加载时出现,然后在你开始滚动时消失.

我在JS中跟踪了以下几行:

                context.canvas.width = canWidth;
                context.canvas.height = canHeight;
Run Code Online (Sandbox Code Playgroud)

canWidth和canHeight是动态生成的.

注释这些线会阻止蓝色层渲染,但这不是一个修复,因为我需要使用动态生成的值来控制画布宽度/高度.

我还尝试将context.canvas.width和context.canvas.height硬编码为600,这也产生了蓝色层问题.

这在以前版本的Chrome上不是问题,我在FireFox中没有任何问题.

关于问题可能是什么的任何建议?

编辑:

以下是上面所在的代码块(nodeLeft和nodeTop生成在其他位置):

                context.clearRect ( 0 , 0 ,canWidth, canHeight );
                context.canvas.width = canWidth;
                context.canvas.height = canHeight;                                 
                context.beginPath();
                context.moveTo(x, y);
                context.lineTo(nodeLeft, nodeTop);
                context.strokeStyle = "#000000";
                context.lineCap = "round";
                context.stroke();
Run Code Online (Sandbox Code Playgroud)

javascript google-chrome canvas html5-canvas

5
推荐指数
1
解决办法
6337
查看次数

标签 统计

canvas ×1

google-chrome ×1

html5-canvas ×1

javascript ×1