草庐IT

图像化

全部标签

javascript - Firefox Add-On SDK 内容脚本中的相对图像 url

我目前正在使用Add-OnSDK开发Firefox扩展,遇到了一个真正的问题。基本上我的扩展程序只是将内容脚本注入(inject)网页,如下所示:ma​​in.jsvarpageMod=require("page-mod");varself=require("self");pageMod.PageMod({include:"http://mail.google.com/mail/*",contentScriptFile:[self.data.url("jquery.js"),self.data.url("start.js")],attachTo:["top"]});start.js$(

javascript - 在没有提示的情况下将图像保存到硬盘?

我使用推特。有些人的推文包含照片,我想保存它们。我检查了ifttt,其中twitter不是触发器。因此,ifttt无法帮助我做到这一点。一个想法可能是使用JavaScript。我使用Firefox并安装了Greasemonkey。我可以编写在Twitter网站上运行的Greasemonkey脚本(JavaScript)。单击“转推”链接或我的脚本添加的其他按钮后,我的脚本会检查推文的内容,找到照片的URL,并将其保存到我的磁盘。一个问题是如何保存图像。我搜索了互联网。有些使用win.document.execCommand("SaveAs"),它会显示一个“另存为”窗口。既然窗口显示了

javascript - (js/jquery) 在没有 Canvas 的情况下在 FF/Saf/Chrome 中旋转图像或缩放 Canvas 项目

我正在做一个项目,我需要根据用户的喜好旋转和成像,然后允许他们稍微放大和缩小。在IE中使用jquery.rotate.1-1.js一切都完美(多么罕见),因为MS编写了自己的旋转工具(progid:DXImageTransform),因此img被旋转,然后作为图像保存。但是看看JS,我发现如果浏览器不是IE,那么会渲染一个Canvas(我从来没有真正使用过Canvas),这意味着一旦绘制了旋转图像的Canvas,我就无法放大图像,因为如果我正确理解Canvas实际上并不包含信息。我也尝试过使用我的非IE浏览器进行CSS3转换,并让所有内容正确旋转,但是当我尝试缩放时,它使用的是现在不存

javascript - 如何检查图像是否已成功预加载?

这个问题在这里已经有了答案:关闭12年前。PossibleDuplicate:Checkifanimageisloaded(noerrors)inJavaScript通过设置img.src由javascript加载后。谢谢...!

javascript - 使用 CSS/Javascript 使具有部分透明度的背景图像变暗

我正在使用部分透明的CSSSprite(即图像中的对象是不透明的,背景是透明的)。我想使用CSS或Javascript使图像变暗。我需要让图像改变黑暗级别,为每个黑暗级别制作单独的图像是不切实际的。如果不是为了透明背景,我可以在图像顶部添加一个黑色层并更改该层的不透明度。这基本上是我所拥有的:http://jsfiddle.net/PXU6j/2/HowdoImakethisdarker? 最佳答案 在上面放一个带有alphachannel的黑色div:http://jsfiddle.net/PXU6j/3/注意我用过backgro

javascript - 如何使用 javascript 从图像中获取平均颜色或主颜色?

我想要的是从图像到另一个div背景这种颜色的HEX或RGB平均值。因此,如果我上传一张带有一点红色的图片,我会得到类似#FF0000的内容,例如。让我知道这是否可行:)非常感谢。 最佳答案 首先,在canvas上绘制图像:functiondraw(img){varcanvas=document.createElement("canvas");varc=canvas.getContext('2d');c.width=canvas.width=img.width;c.height=canvas.height=img.height;c.c

javascript - React Native - 动态图像源

我尝试使用map方法遍历SOURCE数组,但我不断收到此错误:未知命名模块:'../images/one.jpeg'有人知道为什么会这样吗?require中的文件路径肯定是正确的。varSECTIONS=[{title:'One',fileName:'one.jpeg',},{title:'Two',fileName:'two.jpeg',},{title:'Three',fileName:'three.jpeg',},{title:'Four',fileName:'four.jpeg',},];{SECTIONS.map((section,i)=>())}

javascript - 使用 jQuery 获取相对图像 src

我有看起来像这样的图像标签:但是当我使用jQuery访问src位时,jQuery返回给我:http://example.com/path/to/my/image.jpg这在我正在进行的一些比较中引起了问题。我不想更改图片路径以使用绝对URL。关于如何从图像路径中获取绝对URL(这可能不像连接域那么简单-因为URL有时可能是绝对的)或获取我在HTML中提供的路径的任何想法?无论哪种方式,我都需要它们匹配。根据来自activa的评论编辑没有太多的jQuery代码可以发布,我使用的是cycle插件,在onbefore函数中,我只是调用next.src。我的jQuery和JavaScriptf

javascript - 图像 map 的绘图点

我想在我的网页上为图像映射添加自动区域突出显示。我发现mapper.js库在实现这一点上非常有用,但是围绕区域map创建x、y图非常耗时。有没有一种快速的方法来创建不规则多边形的边界坐标,例如可以在区域map上找到的坐标?编辑必须有办法做到这一点。我的WindowsPC上有Fireworks8和photoshopCS3,但我对Fireworks更熟悉。如果我创建一个选取框,我可以右键单击>修改选取框>转换为路径。这创建了一个包含多个点的路径,但我不知道如何进行下一步,即提取这些点的坐标。我试过插入热点、多边形切片,然后导出为“html和图像”。这两个都给我方形热点,而不是多边形。我也尝

javascript - 使用带动画的 jquery 将图像旋转 180 度

我正在做一个下拉导航,我想用一个旋转的箭头来切换它。我有这个https://jsfiddle.net/jaUJm/39/$(document).ready(function(){$(".toggle").click(function(){$("#image").css({'transform':'rotate(-180deg)'});});});我只是不确定如何使其重置,例如,完成旋转以便在第二次和后续点击时它再次指向下方。也许是一个.flip类.flip{transform:rotate(-180deg);}并使用if()和addClass()/removeCLass()?谢谢!