草庐IT

Java模糊图像

全部标签

javascript - 将图像嵌入到 Chrome 扩展程序中

我正在构建一个GoogleChrome扩展程序,它将HTML注入(inject)到真实的网页中。注入(inject)还包含图像,现在我想知道如何在扩展中引用图像。到目前为止,我只能使用http://example.com/myimage.png在服务器上引用它们.但这需要一段时间才能加载。是否可以在扩展程序中打包图像并从浏览器的任何位置引用它们?怎么办?感谢您的帮助。 最佳答案 您可以使用chrome.runtime.getURL()(docs)获取内部扩展文件夹URL。将图像相对路径传递给它,您将获得它的完整URL。例如,如果您在

javascript - Jquery 查找图像高度不工作

我正在尝试使用jQuery查找容器的第一个“孙子”的图像高度,然后将容器设置为该高度。但是,我似乎无法提取图像高度属性-让src起作用。有任何想法吗?它只是想通过CSS来拉高吗?我如何获得“真实高度”我无法在img标签中输入宽度和高度-所以这不是一个选项;($(document).ready(function(){varimageContainer='#image-container';varimageSrc=$(imageContainer).children(':first').children(':first').attr('src');//controltestvarimage

javascript - 如何在滚动时实现图像淡入效果(如 mashable.com)

我想知道mashable.com上图像的淡入效果(例如,参见http://mashable.com/2009/08/14/google-android-logo-remixes/)当您滚动到图像时,它会淡入。它不会在页面加载时淡入,只会在项目在屏幕上的实际外观时淡入。谢谢。 最佳答案 通过jQuery插件实现LazyLoad.编辑:这是他们使用的代码:if(!navigator.userAgent.toLowerCase().match('ipad')){$('#primaryimg').lazyload({effect:'fade

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 - 如何使用 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 - 如何在 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算法创建一组代表轮廓路径的