我正在使用Canvas实现HTML5游戏。现在我正在考虑使用在Canvas上具有绝对位置的HTML元素来制作所有文本叠加层，如工具提示、语音气泡、信息窗口等。所以我可以使用CSS3提供的许多效果和过渡。但我不确定性能。必须频繁地添加和删除这些叠加层(类似于MMORPG，因此会有很多语音气泡等)。关于性能大概有2个问题:DOM遍历以添加/删除。也许缓存可以提供帮助？HTML和CSS3本身。另一种选择是在Canvas本身中管理这些元素，在每一帧绘制它们。但也许我会再次受到性能损失，因为我必须添加额外的代码、超时和其他东西，才能实现与CSS3中类似的效果。并且无论如何都需要遍历某些数据结构。

我正在为android设备开发一个应用程序，发现当应用程序/网页使用Canvas时，三星galaxyS4的性能非常差。奇怪的是，情况并非总是如此。我已经测试了2个示例应用。http://ie.microsoft.com/testdrive/Performance/FishIETank/Default.html和http://ie.microsoft.com/testdrive/Graphics/TouchEffects/Default.html第一个运行良好，优于我的诺基亚(双核)并且符合预期。然而，另一个演示几乎完全没有响应，帧率接近1，而所有其他设备都可以正常渲染。由于第一个应用程

我想要什么目前我有一张4000x4000的png图片.使用后tinypng.org它变成了一个288KB的文件。现在我想要以最快的方式加载图像，将其放置在DOM中并能够在其上绘制大量Canvas。我测试了一些，结果令我震惊。我测试了什么我做了3次测试，只检查加载速度。(423毫秒)(138毫秒)(501毫秒)CSSbackground-image标签是最快的。问题那么，使用是不是一种不好的做法？标记来显示巨大的(背景)图像并使用一些肮脏的CSS以便能够在其上绘制Canvas？还是在我的情况下使用Canvas更好，而不用担心加载时间更长？ 最佳答案

我目前正在编写一个显示很多的应用程序，我的意思是，在HTML5Canvas上有很多2D路径(由成百上千个小段组成)。通常，几百万点。这些点从服务器下载到二进制ArrayBuffer。我可能不会在现实世界中使用那么多点，但我对如何提高性能很感兴趣。如果你愿意，你可以称之为好奇心；)无论如何，我已经测试了以下解决方案:将gl.LINES或gl.LINE_STRIP与WebGL结合使用，并在GPU上的着色器中计算所有内容。目前最快，可以在我的MacbookAir上显示多达1000万段而不会退缩。但是如果你想避免在JavaScript中处理东西，那么二进制格式有非常严格的限制，这很慢。使用Ca

我一直在试验CanvasFingerprinting为我的数据库提供另一层用户身份识别...我知道这是一个经验丰富的黑客可以绕过的层，因为指纹是在客户端创建的，但是，嘿，安全层越多越好，对吧？不幸的是，我测试GoogleChrome指纹的每台Windows7计算机都会产生相同的指纹。例如，转到这个jsfiddle:http://jsfiddle.net/af1pL6fb/5/我用过的所有Win7/Chrome机器的哈希值都是503251348。如果这么多不同的用户得到相同的哈希值，指纹就没用了。我尝试在Canvas上随机绘制各种东西，让每台计算机产生略有不同的结果-理论上是这样-但在我

我是HTML5新手并试图做点什么，实际上画了PORTAL2标志:)。到目前为止我已经明白了但是你可以看到腿从墙上突出来了，我想知道如何去除多余的油漆。我想这可以用clip()来完成功能，但我不确定如何使用它。这是我想要的这是我正在尝试的代码，也可以在JSBin此处获得http://jsbin.com/exado5/edit//functiontoconvertdegtoradianfunctionacDegToRad(deg){returndeg*(-(Math.PI/180.0));}//setfillcolortograyctx.fillStyle="rgb(120,120,120

我正在尝试使用HTML5canvas，对于我的第一个实验，我决定尝试使用基本的用户输入制作一个简单的汽车动画。我想我已经基本掌握了基本的输入和移动方式，但我只是想看看我是否可以更进一步。演示:http://jsfiddle.net/mpxML/20/(使用方向键)我加载了一张图片，你还可以看到一个移动的黑色方block，那是平移点，或者汽车转向的地方。我想以某种方式创造一种可以在更高速度下实现的漂移效果等。它在不动时也可以转动，这是不对的。无论如何，我只是不知道我需要什么逻辑才能使汽车感觉更半真实。谢谢 最佳答案 要修复转弯问题，您

如何暂停使用requestAnimationFrame制作的Canvas动画？我这样开始动画:代码:window.requestAnimFrame=(function(){returnwindow.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||function(callback){window.setTimeout(callback,1000/60);};})();functionStart(){Update();requestAnimFrame(S

所以我正在做这个小的javascript实验，我需要一个小部件来跟踪它的FPS。我将我一直在使用Actionscript3的小部件移植到Javascript，它似乎可以在Chrome/Safari上正常工作，但在Firefox上会抛出异常。这是实验:DepthofField这是错误:[Exception..."Aninvalidorillegalstringwasspecified"code:"12"nsresult:"0x8053000c(NS_ERROR_DOM_SYNTAX_ERR)"location:"http://mrdoob.com/projects/chromeexper

我在HTML5中有一个Canvas，它最终可能是一个非常长的数据URL(如果他们尝试导航到它，它的长度足以使chrome崩溃)。因此，我正在尝试使用JSZip将图像保存在zip中。我尝试了以下两件事:varzip=newJSZip();varsavable=newImage();savable.src=canvas.toDataURL();zip.file("image.png",savable,{base64:true});varcontent=zip.generate();varblobLink=document.getElementById('blob');blobLink.do