草庐IT

performance - Linux 上 Firefox 的 Canvas2D 性能不佳

全部标签

javascript - 我们如何使用canvas获取html5中的视频截图

您好,是否可以使用html5canvas捕获正在播放的视频的屏幕截图。 最佳答案 看起来这里是可能的:http://html5doctor.com/video-canvas-magic/ 关于javascript-我们如何使用canvas获取html5中的视频截图,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/5076435/

javascript - Mozilla(Firefox、Thunderbird)扩展 : How to get extension id (from install. rdf)?

如果您正在为其中一个mozilla应用程序(例如Firefox、Thunderbird等)开发扩展,您可以在install.rdf中定义一个扩展ID。如果出于某种原因您需要知道扩展ID,例如在本地文件系统(1)中检索扩展目录,或者如果你想将它发送到web服务(使用统计)等。最好从install.rdf中获取它,以便将它硬编码到你的javascript代码中.但是如何从我的扩展程序中访问扩展程序ID?1)示例代码:varextId="myspecialthunderbirdextid@mydomain.com";varfilename="install.rdf";varfile=extM

javascript - Firefox 中的 window.location.hash 问题

考虑以下代码:hashString=window.location.hash.substring(1);alert('HashString='+hashString);当使用以下哈希运行时:#car=Town%20%26%20Country在Chrome和Safari中的结果将是:car=Town%20%26%20Country但在Firefox(Mac和PC)中将是:car=Town&Country因为我使用相同的代码来解析查询和哈希参数:functionparseParams(paramString){varparams={};vare,a=/\+/g,//Regexforrepl

javascript - 相当于 Firefox 扩展中的内容脚本?

我对Firefox及其扩展还很陌生。是否有类似使用JavaScript的脚本在每次加载页面时运行?我的chrome扩展程序注入(inject)了一个css文件,使用js创建了一个链接标签。我如何将其移植到Firefox? 最佳答案 你想要pageModAPI。varpageMod=require("page-mod");pageMod.PageMod({include:"*.example.org",contentScript:'window.alert("Pagematchesruleset");'});

javascript - 在 Firefox 中渲染内联 SVG

我有一个我正在开发的网站,我们允许创建形状,我们使用通过javascript构建的内联svg来创建形状。我遇到了一个奇怪的问题,svg在Chrome中正确呈现,但在Firefox中它切掉了一部分SVG。下面的代码是一个星号。在chrome中,这完美地显示出来。在Firefox中,我只能看到图像左上角的25%左右。我不确定是我们做错了什么还是Firefox有问题。有趣的是,如果我将星星变小(比如这个星星大小的1/4),它会在Firefox中完美呈现。感谢您的帮助! 最佳答案 您需要在中添加width和height属性元素。width=

javascript - Canvas 使用RequestAnimationFrame以一定速度旋转圆圈

我在JSFiddle中做了一个快速简单的解决方案,以便更好更快地解释:varCanvas=document.getElementById("canvas");varctx=Canvas.getContext("2d");varstartAngle=(2*Math.PI);varendAngle=(Math.PI*1.5);varcurrentAngle=0;varraf=window.mozRequestAnimationFrame||window.webkitRequestAnimationFrame||window.msRequestAnimationFrame||window.o

Javascript Canvas 边缘检测

我想在Canvas中实现这种图像处理效果:WebGLimageprocessing我需要的是一种边缘检测算法或解释,以仅绘制用户可以提交的图像的黑色像素或边框元素(例如人脸)。干杯 最佳答案 按照您的想法,第一步是边缘检测。下面的示例显示使用MarvinJ检测边缘的热点.有了边缘,您可能会得到对象轮廓。输入图像:边缘检测:varcanvas=document.getElementById("canvas");image=newMarvinImage();image.load("https://i.imgur.com/ZHgkM9w.

Javascript 和 Canvas : How to get rid of that Moiré effect in my gyroscope

出于乐趣,我使用Javascript和Canvas制作了那个小玩具陀螺(陀螺仪?)。不幸的是,它有一个丑陋的莫尔效应(见下面的截图)。http://jsfiddle.net/8bac4s9v/1/functiondraw(){varc=document.getElementById("myCanvas");varctx=c.getContext("2d");ctx.imageSmoothingEnabled=false;varcolors=[['blue','yellow'],['white','pink'],['green','red'],['white','black'],['gr

javascript - canvas.toDataUrl() 返回 'data:,'

我正在尝试调整图像大小并使用canvas.toDataUrl()取回base64字符串表示形式。我的代码如下(见下文)。我的问题是,每次我第一次启动它时,它都会返回“data:,”。然后,当我重新调整大小(使用按钮调用)时,它工作正常,并返回一个非空的base64字符串。这是怎么回事?functiondrawAndResizeFunction(images)varqDraw=$q.defer();//1drawCanvasWrapper().then(function(canvasData){qDraw.resolve(canvasData)});//2functiondrawCanv

javascript - 多次复制 Canvas : clone the canvas or copy the image data?

我的一个界面元素正在使用HTML5渲染元素和关联的JavaScriptAPI。此元素在同一屏幕上的多个位置以及整个应用程序的多个屏幕上使用。在需要的地方显示它的最有效方法是什么?我的第一个想法是绘制到主Canvas上,然后将其复制并插入页面中需要的位置。主Canvas可能是这样的:varmaster=$('').attr({width:100,height:100}),c=master[0],ctx=c.getContext("2d");ctx.fillStyle="#FF0000";ctx.fillRect(0,0,150,75);假设我想复制这些div中的Canvas容器:....