草庐IT

html5canvas

全部标签

javascript - .clone() 和 .html() 有什么区别?

Jquery的.clone()和.html()函数有什么区别?Jquery文档指出:The.clone()methodperformsadeepcopyofthesetofmatchedelements,meaningthatitcopiesthematchedelementsaswellasalloftheirdescendantelementsandtextnodes.InanHTMLdocument,.html()canbeusedtogetthecontentsofanyelement.Iftheselectorexpressionmatchesmorethanoneeleme

javascript - 如何获取组中对象的 Canvas 相对位置?

通常一个对象相对于Canvas的位置可以从它的.left和.top属性得到,但是如果对象在一个选择/组。有没有办法获得它们相对于Canvas的位置? 最佳答案 当对象在组内时,其相对于Canvas的坐标将取决于组的原点(以及对象的原点)。假设我们有这段代码,其中添加了一个矩形和一个圆圈。varcanvas=newfabric.Canvas(document.getElementById('c'));varrect=newfabric.Rect({width:100,height:100,left:50,top:50,fill:'rg

javascript - 使用 fabric js 获取 Canvas 对象

我正在使用Fabric.js并在一个地方创建了一个织物Canvas对象。varx=newfabric.Canvas("mycanvas");现在在另一个地方,我想访问这个“x”不可用的对象。那么我怎样才能得到相同的织物Canvas对象。我不想更改x的范围或将x作为参数传递。另外,如何从fabriccanvas对象获取toDataURL? 最佳答案 假设mycanvas是Canvas元素的ID,您可以将对fabric对象的引用存储在Canvas元素本身上:varx=newfabric.Canvas("mycanvas");docume

javascript - 使用 Html.BeginCollectionItem 帮助程序传递集合的分部 View

我做了一个小项目来理解StephenMuecke在这里的回答:SubmitsamePartialViewcalledmultipletimesdatatocontroller?几乎一切正常。javascript从局部View添加新字段,我可以通过局部View的Controller方法插入的“temp”值知道它们绑定(bind)到模型。但是,当我提交新字段时,AddRecord()方法抛出一个异常,表明模型没有被传入(“对象引用未设置为对象的实例”)。另外,当我查看页面源代码时,BeginCollectionItem帮助器插入一个隐藏标签,因为它应该围绕主视图中显示预先存在的记录的表格,

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