草庐IT

图像安全

全部标签

javascript - 使用 Raphael 在图像周围绘制圆形边框

我正在使用RaphaelJavaScript库。我想在图像(这是一个Raphael对象)周围绘制一个带有圆边的边框,但我似乎无法弄清楚该怎么做。我尝试设置笔画,但它没有出现。我有这个:varpaper=Raphael(10,50,500,500);vargoogle_img=paper.image("http://www.google.com/images/logos/ps_logo2.png",10,10,200,200);感谢我能得到的任何帮助! 最佳答案 如何使用图像作为填充:varpaper=Raphael(10,50,50

javascript - AJAX 跨域安全背后的基本原理是什么?

考虑到编写跨域获取数据的服务器端代理的简单性,我不知道阻止客户端AJAX跨域调用的最初意图是什么。我不是在寻求猜测,我是在寻找语言设计者(或与他们关系密切的人)的文档,了解他们认为自己在做什么,而不仅仅是给开发人员带来轻微的不便。TIA 最佳答案 防止浏览器充当反向代理。假设您正在浏览http://www.evil.com从您办公室的PC上,并假设该办公室中存在一个包含敏感信息的内部网http://intranet.company.com只能从本地网络访问。如果跨域策略不存在,www.evil.com可以向http://intran

javascript - Web Workers 是一种安全的方式来沙盒不受信任的 JavaScript 代码吗

我想知道WebWorker是否是对不受信任的JavaScript代码进行沙盒处理的安全方法。例如,在绘图应用程序的上下文中,开发人员可以在其中实现新的绘图工具,您可以将他们的代码放入webworker中,并且每当用户单击Canvas时,向他们发送包含光标位置的JSON消息,以及图像数据数组,当脚本完成时,它会传回一条包含新图像数据的消息。这是否安全,或者是否存在我没​​有想到的风险? 最佳答案 DOM对Webworker不可用,但可以访问同源内容,例如indexedDB。请参阅我的相关问题:Canworkersbesecureeno

javascript - 如何使用 RxJs 异步加载图像并在所有加载后执行方法

我正在尝试将基于promise的代码转换为RxJs,但我很难理解Rx,尤其是RxJs。我有一个包含路径的数组。varpaths=["imagePath1","imagePath2"];我喜欢用Javascript加载图片varimg=newImage();img.src=imagePath;image.onload//当所有图像都加载完毕后,我想执行一个方法。我知道有Rx.Observable.fromArray(imagepathes)还有类似的东西Rx.Observable.fromCallback(...)还有类似flatMapLatest(...)和Rx.Observable.

javascript - Microsoft Edge 不接受内容安全策略的哈希

问题Content-Security-Policy应该默认将脚本和样式解析列入黑名单,并允许它基于各种指令来验证预期输出的哈希值。浏览器必须无法实现任何未预先提供匹配哈希的Javascript或CSS。具有匹配散列的代码应正常执行。MicrosoftEdge拒绝所有JS/CSS页内block。说明在MicrosoftEdge和任何其他浏览器中访问下面的实时演示链接。现场演示:http://output.jsbin.com/biqidoqebu演示原始源码#loading{color:transparent}#loading:after{color:green;content:"Styl

javascript - 如何在 react-native 中重叠图像

我有兴趣在头像(个人资料图片)上创建自定义徽章,但我似乎无法让图片重叠。我尝试使用“translateY”样式转换,但它被忽略了,并且两个图像仍然并排放置,弹性框样式,即使我希望它们重叠。请注意,我在示例中使用的是View,但我想图像的工作方式相同。'usestrict';varReact=require('react-native');var{AppRegistry,StyleSheet,Text,View,}=React;varSampleApp=React.createClass({render:function(){return();}});varstyles=StyleShe

javascript - 静态图像的图像加载

我知道要使图像onload正常工作,您必须在附加onload处理程序后设置src。但是我想将onload处理程序附加到我的HTML中的静态图像。现在我通过以下方式(使用jQquery)做到这一点:$('#img1').load(function(){alert('foo');}).attr('src',$('img1').attr('src'));但这相当丑陋,并且有明显的流程,它只能为只匹配一张图像的选择器完成。还有其他更好的方法吗?编辑我的意思是它只能为只匹配一张图像的选择器完成是在这样做时:$('.img1').load(function(){alert('foo');}).at

javascript - PhantomJs 保存谷歌图表 API GeoChart 的 png 图像

我正在尝试将googlecharts生成的图表保存为png图像。该代码适用于除GeoChart之外的所有图表。图像有时会出现,但通常只是空白。这是代码。渲染.jsvarsystem=require('system');varpage=require('webpage').create();page.open('chart.html,function(){page.paperSize={format:'A4',orientation:'landscape'};page.render(system.args[1]);phantom.exit();});图表.htmlChartGenerat

javascript - 如何在 Holder.js 图像中使用 Bootstrap Glyphicons

我正在使用Bootstrap构建一个元素的前端,我希望使用Glyphicons在3.0.0中找到而不是通常的文本。我该怎么做?熟悉Holder.js的人就会知道,JS基本上是在客户端创建占位图片。这对于节省带宽的应用程序很有用,因为您只需要下载脚本的重量(大约4Kb)并让客户端的机器生成图像。我想将Glyphicons与holder.js结合起来,即时生成大型高质量图标。使用Bootstrap调用Glyphicon如下所示:用holder.js调用带有“HelloWorld”文本的动态图片是这样完成的:我的理解是BootstrapCSS将Glyphicon类定义为字体,然后使用一个伪b

javascript - 从图像边缘创建路径

我有一张背景透明的二值图像(例如.png)。假设它看起来像一个具有不规则但实心形状的Blob(没有孔,而且都是一体的)。在JavaScript中,我想创建一个表示边界多边形的路径。多边形应该是凸的,但不一定是。输出可能只是一个坐标列表:[0,0],[0,5],[7,0]有哪些好的选择?到目前为止,我考虑过写一个QuickHull插件Caman,但这感觉有点繁重。我用canvas标记了它,但这只是因为它看起来是一个很好的起点。 最佳答案 您可以使用“行进Ant”算法来确定图像的闭合子部分的轮廓路径。行进Ant算法创建一组代表轮廓路径的