草庐IT

HTML2Canvas

全部标签

javascript - JavaScript 在 html 页面上的位置重要吗?

我一直在研究html5,我以前从未真正仔细研究过JavaScript。我正在引用这样的脚本文件(不在头部)然而,脚本似乎只有在页面上某些元素下方时才有效。在特定情况下,javascript的放置位置是否重要?提前致谢。 最佳答案 如果脚本没有等待onload或某种“就绪”事件,它需要放在它引用的元素之后(否则它们将无法在那里找到)。如果您不确定,请将其粘贴在之前.在这种情况下,看起来确实是这样,它正在寻找尚未添加到DOM中的元素。将脚本放在的底部是应对这种情况的一种常见做法。一些替代方案正在使用window.onload事件来运行你

javascript - 使用 ruby​​ on rails 和 javascript 将 Canvas 转换为图像并在新窗口中打开

我很困在这个问题上,希望你们能帮助我。我想要实现的是点击一个链接、按钮或图像,这看起来更简单,我使用toDataURL将Canvas转换为图像。之后会打开一个包含此图像的新窗口。如何使用ruby​​onrails将从toDataURL生成的数据url传递到新窗口?提前致谢。 最佳答案 首先,这与Rails没有太大关系。不过,您可以使用Ruby来解决这个问题。首先像您已经在做的那样获取Canvas的内容:vardataURL=canvas.toDataURL("image/png");此时您可以简单地使用Javascript打开一个新

javascript - 如何使用 polymer 将 HTML 注入(inject)模板

我正在使用polymer-jsonp来执行JSONP请求,但响应有时包含html。例如,假设post.content是"Foobar",如何显示{{post.content}}这样"Foo"是粗体吗?{{post.content}}Polymer('feed-element',{created:function(){},attached:function(){},detached:function(){},attributeChanged:function(attrName,oldVal,newVal){}}); 最佳答案 Poly

javascript - 如何 move HTML 元素

如何将HTML元素move到另一个元素。请注意,我并不是说move元素的位置。考虑这个HTML代码:我想将“to_be_moved”move到“target”以便“target”现在有子“to_be_moved”。所以结果应该是这样的:我在谷歌中搜索过(尤其是使用原型(prototype)框架),但我得到的只是move位置,而不是我想要的。先谢谢了。 最佳答案 document.getElementById('target').appendChild(document.getElementById('to_be_moved'))

javascript - AngularJs。是否可以通过单击取消选择 HTML “radio” 输入?

我有radio输入,如果选中当前radio,我想通过单击radio来检查状态。这段代码:不工作。fiddle:http://jsfiddle.net/Zoomer/8s4m2e5e/ 最佳答案 单选按钮一次只能选择一个,一旦选中,用户就不能取消选中(除非您以编程方式执行)。所以如果你想在它当前选中时取消选中它,你可以这样做:在你的Controller中:$scope.uncheck=function(event){if($scope.checked==event.target.value)$scope.checked=false}演

javascript - 如何在 javascript 中获取 HTML5 Canvas.todataurl 文件大小?

vardata_url=canvas.toDataURL("image/png");varimg=$("#img").attr("src",data_url);img文件的大小是多少? 最佳答案 如果你想知道data-url的字节大小,你可以这样做:varimgFileSize=data_url.length;但这不是png大小的实际大小。您可以通过这种方式非常准确地近似于真实的PNG大小:varhead='data:image/png;base64,';varimgFileSize=Math.round((data_url.len

javascript - ng-bind-html 不适用于输入标签

我试图将HTML存储在范围变量中,然后在模板View中使用它。当我阅读如何以Angular执行此操作时,我遇到了ng-bind-html.在那里我注意到当我用绑定(bind)html标签时,等..它有效。但我无法添加标签。意思是,这个有效:$scope.myHtml='ThisisSomething';模板:但这不起作用:$scope.myHtml='';模板:以上只是一个简化的示例,仅供演示之用。我的问题是:1)标签是否不适用于ng-bind-html指令?2)如果没有,我如何通过html绑定(bind)输入标签以便将其插入到View中? 最佳答案

javascript - 视频 html5 元素上的播放事件是什么?

我在页面上嵌入了一个视频html5标签。当用户单击“播放按钮”时,我需要触发一个Action。但我找不到如何将其绑定(bind)到我的操作。有我需要的事件吗?我正在使用jQuery...谢谢! 最佳答案 这个W3C演示页面有帮助吗?http://www.w3.org/2010/05/video/mediaevents.html播放事件似乎只是“播放”。例如:$('video').bind('play',function(e){//dosomething});或$('video').on('play',function(e){//do

Javascript/jQuery : remove shape/path from canvas

我似乎找不到在创建Canvas后从Canvas中删除形状或路径的功能。所以我在两点之间创建了一条贝塞尔曲线beginPath();bezierCurveTo();stroke();closePath();创建后如何从Canvas中删除它?我需要能够通过toggle()和blur()调用remove函数。我确定存在一些东西...在此先感谢您的帮助! 最佳答案 试试这个:ctx.save();ctx.globalCompositeOperation="destination-out";//drawinghereyoupathsecond

javascript - 如何在 javascript 中交换 HTML 元素?

我正在使用经典的Javascript编写DOM脚本,我在容器DIV中有一组DIV。在子DIV的点击事件中,我希望导致事件的子DIV与其上方的DIV交换。我的代码放在这里..123如果DIV2被点击,它应该与DIV1交换 最佳答案 这段代码会做你想做的事(如果你想用第一个子元素交换选择)。如果您想要其他东西,则需要更加精确。functionswapDiv(event,elem){elem.parentNode.insertBefore(elem,elem.parentNode.firstChild);}123