草庐IT

iframe2image

全部标签

javascript - 如何使用 KnockoutJS 为 iframe 数据绑定(bind)内容?

谁能告诉我如何使用Knockout将数据绑定(bind)到iframe?我已尝试按以下方式执行此操作,但它没有按预期工作:和Javascript:varViewModel=function(content){this.testcontent=ko.observable(content);};ko.applyBindings(newViewModel("HelloWorld!!"));我想将文本“HelloContent”添加到iframe中。谁能帮我解决这个问题? 最佳答案 警告:这显然具有安全隐患!仅使用来自您绝对信任的来源的代码

javascript - 从 iFrame 读取父文档并更改父文档

我正在尝试编写一个JavaScript应用程序,它将在页面上的iFrame中加载一个按钮。此应用程序将读取父文档并删除所有图像,应用最少的样式并使用这个新标记的页面重新加载父文档。我遇到的问题是从iFrame读取和写入父文档。有谁知道实现这一目标的方法?我已经阅读了一些关于跨域消息传递的内容,但不确定替代方案以及哪种方案最好。提前致谢。 最佳答案 您可以通过使用parent或使用始终指向最外层文档的top变量来引用父级。父==父窗口top==outmostwindow因此访问父窗口中的第一个divvard=parent.docume

javascript - Photoshop 脚本 : Move an image to position x, y

我有一个事件的ArtLayer被变量NewLayer引用,我想移动到Canvas中的绝对位置x,y。我已经用谷歌搜索了几个小时,但没有任何结果。有人可以举个例子吗?//谢谢。 最佳答案 经过更多API阅读和搜索后,我得出的结论是只能使用增量移动来移动图层。我编写了这个小函数来将图层定位在绝对位置。希望这对下一个有同样问题的读者有所帮助...//******************************************//MOVELAYERTO//Author:MaxKielland////MoveslayerfLayert

javascript - 如何使用javascript从IE中的iframe中删除边框

我正在尝试通过javascript将iframe插入到浏览器DOM中,并希望在IE中删除边框,但似乎无法删除。我试过这些都无济于事:iframeElement.style.borderStyle="none";和iframeElement.style.frameBorder="0";如有任何建议,我们将不胜感激。 最佳答案 奇怪的是,今天早些时候我自己也在寻找这个问题的答案。我发现将frameBorder设置为0属性确实有效,只要您在将iframe添加到文档之前这样做。。p>variframe=document.createElem

javascript - 单击链接javascript播放iframe视频

我在我的网页中使用了iframe视频。这是我的html代码Playvideo我需要播放视频onclick播放视频链接。我该怎么做? 最佳答案 这有效,它将autoplay=1附加到导致视频开始播放的url。附录:如果您的视频源还没有查询字符串,那么最好添加?而不是&,有时就是这样。这可以通过寻找它的存在来完成。Playvideo//use.onetoensurethisonlyhappensonce$("#playvideo").one(function(){//asnotedinaddendum,checkforquerystri

javascript - Mobile Safari 渲染 <img src ="data:image/jpeg;base64..."> 在 Canvas 上缩放?

我尝试在iOS6上的SafariMobile上的Canvas上渲染加载了FileReader对象的本地镜像。但是每个带有数据URL的图像都会被垂直缩放。这是一个错误吗?在Chrome上它可以正确呈现。DemoScriptScreenShotfromiOS6(上图:Canvas,下图:原始图像)有什么办法可以解决这个问题吗?这是错误吗?如果我首先使用“PhotoWizard”应用程序在设备上调整图像大小(将其缩小到720像素宽度),Canvas会正确渲染它。这似乎是图像大小或使用相机应用程序拍摄的图像的问题:WorkingDemoScript尝试了来自JakeArchibald的建议,看

javascript - 使用 RequireJS 加载 Youtube Iframe API

我正在尝试在使用RequireJS定义的模块中使用YoutubeIframeAPI。由于这个API是异步加载的,一旦加载就调用一个函数,我使用了一个名为“async”的requireJS插件,它之前可以与googlemapsapi一起使用。但是,这次有些东西不工作了。我的模块以这种方式开始:define(['text!fmwk/widgets/video/video.html','fmwk/utils/browser','async!http://www.youtube.com/iframe_api'],函数(videoTpl,root){...});并且chrome控制台会触发此错误

javascript - 从 background-image 属性获取 URL

我目前正在使用它从background-image属性中获取url:varurl=$(this).find('div').css('background-image');url=url.substr(4,url.length-5);这在某些浏览器(IE6-9)中工作正常,而不是:url(http://.com/)它的url("http://.com/)是否有一种故障安全方法可以从该属性中获取url?无需进行浏览器检测或其他操作? 最佳答案 你可以这样做:url=url.replace(/^url\(["']?/,'').replac

javascript - 为什么 Chrome 粘贴图片时会将图片数据转换为 "image/png"mime 类型?

将JPG图片文件复制粘贴到Chrome后,分析Event.originalEvent.clipboardData中的数据,图片类型为image/png。为什么?操作系统:windows7我认为复制到剪贴板时图像不可能被转换。我试过把它粘贴到其他App上,图片可以保存为JPG。我是从网页上下载的。 最佳答案 也就是说,在native应用程序和网站之间进行尽可能丰富的交互显然是一个目标。但是浏览器需要做一些“过滤”以仅公开它知道MIME类型描述的数据-MIME类型是我们描述网络内容的方式,它是跨平台的,因此比com.apple.iWor

javascript:检查 iframe url 是同一个域还是外部域

我知道我无法访问显示来自另一个域的页面的iframe中的数据。这很好,但我想检测iframe当前显示的是我域中的页面还是外部页面。我的第一次尝试是尝试访问$('iframe')[0].contentWindow.document包装在try{}catch{}中,如果抛出错误则意味着我无法访问它,因此iframe页面必须是外部的。这听起来像是一个完美的解决方案,但问题是safari向javascript控制台发布了“不安全的JavaScript尝试使用URL访问框架”消息。这不仅丑陋,而且可能导致其他或future的浏览器向用户显示明确的安全警告? 最佳答案