草庐IT

JavaScript快速入门-06-函数

全部标签

javascript - 如何使用 d3.js 沿 GeoJSON 路径为对象设置动画?

我正在使用D3.js从GeoJSON文件生成和呈现路径。这工作正常,但现在我想沿着那条路径为一个对象设置动画。我知道如何使用D3和标准SVG来做到这一点:创建一个过渡并设置其持续时间对于转换的每一帧,使用%complete找到沿路径的坐标将对象移动到第2步中找到的坐标这很简单。但我遇到的问题是d3.geo.path()似乎不像标准D3路径对象(例如有用的getPointAtLength()方法)那样返回任何长度或位置数据。所以我无法找到某个点的x、y坐标,比如说,沿着路径的25%。有没有办法获取这些数据?(或者是否有更好的方法,例如将d3.geo.path()转换为常规D3路径?)下面

javascript - 使用 javascript 将 Canvas 图像上传到 imgur (api v3)

我正在构建一个有趣的Chrome实验。mustache镜子!http://sjoerddijkstra.nl/cam/我想使用ImgurAPIV3将图像从tecanvas上传到Imgur,然后显示链接,但我真的不知道该怎么做。我找到的所有工作示例都使用V2API...我使用canvas.toDataURL:vardataURL=canvas.toDataURL("image/png");returndataURL.replace(/^data:image\/(png|jpg);base64,/,""); 最佳答案 Imgur文档在I

javascript - magnific-popup 传递一个变量

我正在尝试制作magnificpopup包含一些形式。我想通过htmlanchor将变量传递到最终的弹出窗口。作为此伪代码中的Var1:Showinlinepopup$(document).ready(function(){$('.open_popup_link').magnificPopup({type:'inline',midClick:true,function(){**HeresomemagiccodethatsetsVar1=X**$('#myVar').attr('value',function(i,attr){returnattr.replace('[placeholde

javascript - 如何在使用插件 sdk 创建的插件中使用 Canvas drawWindow 函数?

我使用addonsdk创建了一个Firefox插件.我正在尝试使用canvasdrawWindow功能。我有以下代码来使用该函数,其中ctx指的是我通过canvas.getContext("2d")获得的Canvas上下文。ctx.drawWindow(window,0,0,100,200,"rgb(255,255,255)");当我运行此代码时,在使用附加的脚本中tabs.activeTab.attach({contentScriptFile:data.url("app.js")//app.jscontainstheabovelineofcode});我收到以下错误:TypeErro

javascript - Uncaught ReferenceError : ActiveXObject is not defined Error in Chrome

我在Chrome中遇到这个错误“未捕获的ReferenceError:ActiveXObject未定义”我的代码是functionloadModel(){//----------------------------------------------------------------------------------------------document.getElementById("lModelMsg").innerText="Loading...";document.getElementById("lPartMsg").innerText="";vardMfg=docume

javascript - 检测在不可见和在视口(viewport)外时是否对canvas/css3动画进行了优化

我假设使用HTML5中的所有这些硬件加速动画,实际上不会渲染在视口(viewport)之外运行的动画。我希望能够检测到是否正在发生。我尝试在每秒移动100px的对象上循环使用webkitCSSMatrix来尝试确定每个刻度线移动了多少像素,但是如果我将动画移出视线则没有区别。有任何想法吗? 最佳答案 您可以使用单独的计时器测试来查看伪经验方面在外部和内部绘制的对象之间的差异(计时器实际上并不能证明任何东西,但可以为您提供强大的indisium)。但是,了解Canvas的工作原理也可以为您提供坚实的指导。例如,Canvas是一个简单的

javascript - EaselJS:有人可以解释一下演示中使用的继承模式吗?

我正在使用EaselJS创建游戏,我想知道是否有人可以解释演示文件中使用的继承模式是如何工作的。具体来说,我正在查看以下文件:https://github.com/CreateJS/EaselJS/blob/master/examples/assets/Ship.js在第7行,Ship的原型(prototype)设置为createjs.container()...varp=Ship.prototype=newcreatejs.Container();然后在第28行,存储了对原始构造函数的引用:p.Container_initialize=p.initialize;//uniquetoa

javascript - 从 Google 电子表格自定义函数发出的 Ajax 调用

有没有人试过在Google电子表格中编写脚本来对网站进行ajax调用?我想让电子表格从网站上自行更新。但是在放入这段简短的代码之后,我得到了一个错误:"ReferenceError:"XMLHttpRequest"isnotdefined."有什么想法吗?我必须调用某个图书馆吗?xmlhttp=newXMLHttpRequest();xmlhttp.open("GET",eventObject[1],true);xmlhttp.send(); 最佳答案 GoogleApps脚本本身不支持XMLHttpRequest(),但正如您所怀

javascript - 图像失败需要多长时间?

我从互联网上加载图像:img.src='some_path'我注意到有些图片在网速慢的情况下需要很长时间才能加载,有些图片需要很长时间才能加载然后失败。有时,域一起关闭。如果服务器宕机了,这会很好用,因为很快就会抛出错误,我可以捕获错误并相应地更改src。但是,对于速度缓慢然后失败的页面-我看到浏览器在最终出错之前显示某种空白框,似乎持续了10秒或更长时间。似乎太长了。我会说给网站大约4秒,如果它没有响应则抛出错误。有没有办法调整这个?客户端在抛出错误之前等待的时间?让这种空白的blox盯着用户10秒或更长时间看起来很草率。目前在FireFox中。 最佳答案

javascript - 如何在javascript中将当前时间设置为其他时间

我正在尝试将当前时间设置为其他时间,每当我尝试访问当前时间时,我都需要获取新时间。假设当前时间在我的本地机器上是凌晨2点。但我想将它更改为上午10点,并且当前时间应该从上午10点开始滴答作响,而不是每当我访问它时从凌晨2点开始。例如:varx=newDate();如果您看到x.getHours()获取我的本地时间,即凌晨2点每次它都以凌晨2点为基准滴答作响。但我需要将它更改为上午10点,以便我的新Date()给出上午10点并在此基础上每秒滴答作响。我不想为此目的使用setInterval()。我肯定有setInterval()的解决方案。但问题是我有多个setIntervals,另一个