草庐IT

Java模糊图像

全部标签

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()?谢谢!

javascript - 如何在 Canvas 中旋转一个图像?

我正在制作一个HTML5canvas游戏,我希望旋转其中一个图像。varlink=newImage();link.src='img/link.png';link.onload=function(){ctx.drawImage(link,x,y,20,20);//drawsachainlinkordagger}我想旋转这张图片。旋转图像的标准方法是在Canvas上下文对象上设置旋转。但是,这会旋转整个游戏!我不想那样做,只想旋转这个Sprite。我该怎么做? 最佳答案 使用.save()和.restore()(moreinformat

JavaScript Canvas - 改变图像的不透明度

我正在尝试在Canvas中创建平台游戏。我有主Angular和一些敌人。当玩家接触到敌人时,他会损失一些生命值,并在大约3秒内无法接触。现在我有一个问题。失去HP后,我想将Angular色图像的不透明度设置为0.5(以显示不可触摸的东西)。varmainchar=newImage();mainchar.src='mainch.png';我不想使用ctx.globalCompositeOperation="lighter"或ctx.globalAlpha=0.5因为它们都会改变所有元素的不透明度(它是全局的).有什么办法可以改变图像的不透明度吗?例如'mainchar.changeopa

javascript - 如何加载文件夹中的所有图像?

varimg=newImage();img.src="images/myFolder/myImage.png";上面只会加载myImage.png。如何加载myFolder的所有图片? 最佳答案 如果你的图像名称像你说的那样是连续的,你可以为名称创建一个循环,在每次迭代时检查图像是否存在-如果不存在-打破循环:varbCheckEnabled=true;varbFinishCheck=false;varimg;varimgArray=newArray();vari=0;varmyInterval=setInterval(loadIm