草庐IT

performance - Linux 上 Firefox 的 Canvas2D 性能不佳

全部标签

javascript - 使用 `new Function` 和性能问题

我正在通过AJAX加载一个脚本文件,并运行它的内容,我正在这样做:newFunction('someargument',xhr.responseText)(somevalue);但是,根据MDN:FunctionobjectscreatedwiththeFunctionconstructorareparsedwhenthefunctioniscreated.Thisislessefficientthandeclaringafunctionandcallingitwithinyourcode,becausefunctionsdeclaredwiththefunctionstatement

javascript - 需要 Canvas 模糊工具

我有类似fabric.js的绘图应用程序(http://fabricjs.com/freedrawing/)我想嵌入像Photoshop这样的模糊工具(http://www.demowolf.com/tutorials/demo.php?id=1503&series=85&format=html)这是我的模糊功能,但当我尝试更改颜色时它无法正常工作,它出了问题你可以看到下面的屏幕截图......functionboxBlurCanvasRGBA(id,top_x,top_y,width,height,radius,iterations){if(isNaN(radius)||radius

javascript - 通过采样/插值减少大型数据集的大小以提高图表性能

我有一大组(>2000)时间序列数据,我想在浏览器中使用d3显示这些数据。D3非常适合向用户显示数据的一个子集(~100点),但我还想要一个“上下文”View(likethis)来显示整个数据集并允许用户选择作为子区域进行查看细节。但是,当尝试在d3中显示那么多点时,性能很糟糕。我觉得一个好的解决方案是选择一个数据样本,然后使用某种插值(样条、多项式等,这是我知道怎么做的部分)来绘制一条与实际数据。但是,我不清楚应该如何选择子集。数据(如下所示)具有相当平坦的区域,在这些区域需要较少的样本才能进行适当的插值,而其他区域的绝对导数非常高,需要更频繁的采样。更复杂的是,数据存在间隙(生成数

javascript - 如何防止默认右键单击包含图像的 Canvas

我有一个Canvas并在其中显示图像。我已将一个jquery事件附加到它,如下所示:$("#mycanvas").mousedown(function(e){//Dosomethinge.preventDefault();e.stopPropagation();});我希望此代码执行我的操作并阻止默认的浏览器行为。前者实现了,但是后者,即违约行为预防没有发生。该事件运行虽然。我想知道如何防止显示右键单击时可以在图像上看到的菜单: 最佳答案 您可以使用contextmenu:$("#mycanvas").contextmenu(fun

javascript - Firefox WebExtension 设置页面

我的WebExtension上有一个设置页面,但我不知道如何使用javascript访问设置的值。当前的.xul文件:如何访问“电子邮件”值?我可以只写类似“getPreferences('email')”的内容吗? 最佳答案 不要在WebExtension附加组件中使用XUL:如果您在WebExtension中使用XUL,则可能有问题。如果您正在编写WebExtension,并且开始使用XUL:退后一步。确保那是真正您应该做的。WebExtensions的要点之一是它将附加组件与Firefox的内部(即XUL)隔离开来。选项面板和

javascript - 在大数组上使用多个 '.filter' 调用是否会影响性能?

我写了这段代码来过滤一个单词数组。我为我想过滤掉的每种类型的单词编写了一个过滤函数,并将它们按顺序应用于数组:constwordArray=rawArray.filter(removeNonDomainWords).filter(removeWordsWithDigits).filter(removeWordsWithInsideNonWordChars).filter(removeEmptyWords).filter(removeSearchTerm,term).map(word=>replaceNonWordCharsFromStartAndEnd(word))如果我没记错的话,这

javascript - 如何在 Greasemonkey 中为 firefox 创建快捷方式?

如何为firefox书签创建Greasemonkey快捷方式,或者打开网站的快捷方式?对不起,我想要一个greasemonkey脚本,其中包含一些为firefox书签绑定(bind)一些键的脚本例如,按下键1=打开书签1,依此类推 最佳答案 Iwantagreasemonkeyscriptthatcontainsomescriptthatbindsomekeyforfirefoxbookmark这是一个例子://==UserScript==//@nameGoogleShortcut//@namespacegoogleShortcut

javascript - 使用 Canvas 和 javascript 的核心数学和 3d 形状

我有一个老friend,他是一位数学家。他有自己的数学来压缩他的公式,这些公式非常漂亮。他在一个名为Mathematica的程序中工作,该程序可以转换3D形状的公式。请问是否可以使用Canvas和JavaScript获取这些数字?见附件公式和图。我自己对此知之甚少。但如果有人能给我举个例子,我会很高兴。 最佳答案 既然您提到了Mathematica,我将使用它来为t的各种值提供更多示例。不过我无法在Canvas方面为您提供帮助。这是Mathematica代码:With[{a=3,t=0.7},RegionPlot3D[10^-(tx

javascript - jQuery 视差/滚动事件性能

这个问题与其说是视差,不如说是滚动事件。我对我的项目最关心的是视差滚动效果是平滑的而不是抖动的。那么我的问题是,某些属性的动画/滚动效果是否比其他属性更好?例如,background-position是否比在滚动时调整margin-top效果更好。 最佳答案 我不确定某些属性在设置动画时是否会比其他属性产生更少的开销,但如果有人发布有关该主题的一些有用信息,我将非常感兴趣。话虽这么说,我确实知道一些可以帮助提高性能的事情。设置position:absolute将元素从页面的常规流中移除,因此不需要在动画时重绘整个页面。positio

javascript - 如何更改 Canvas 元素的位置?

我可以在不使用CSS的情况下在Javascript中更改Canvas元素的x和y位置吗?我似乎找不到任何人甚至在Internet上询问它。编辑:可以用HTML完成吗?TestingError:Browserdoesnotsupportcanvaselement.varmain=document.getElementById("main");varrender=main.getContext("2d");main.width=200;main.height=200;main.style.left=100x;main.style.top=100px; 最佳答案