草庐IT

Java模糊图像

全部标签

javascript - 避免 jQuery(预)加载图像

我有一个HTML字符串用作jQuery输入文档。//thevariablehtmlcontainstheHTMLcodejQuery(html).find('p').each(function(index,element){//dostuff});不过,我不断收到图像不存在的错误(在我的变量html中)。HTML中的图像具有与我主机上的图像不对应的相对URL,因此自然无法找到它们,所以我在控制台中收到404错误。是否有一种jQuery方式来避免jQuery加载图像?如果没有,我将不得不找到所有图像并使用非jQuery替换src,这有点难过,因为这正是jQuery派上用场的地方:p编辑:

javascript - 如何使用 javascript 检测客户端的图像规范

我想验证图像文件上传客户端。吨这里也将是服务器端验证,它已经与imagemagick一起工作。我想在上传之前在客户端重现这个(因为文件会很大并且图像文件的先决条件非常有限,如果在上传过程)允许的文件是:JPG每股yieldTIFF我需要检测:色彩空间(CMYK/RGB)大小(宽x高)//这个很简单-在JPEG上,但是TIFF和EPS怎么样?分辨率(dpi)主要问题是检测颜色空间和处理非JPG格式。是否有类似ImageMagick的JavaScript的“识别”之类的东西,或者您有任何其他想法...?! 最佳答案 看看this.它使用

javascript - 在 fabric.js 中用颜色填充图像

基本上,我有一个png透明图像,我想在图像内部填充颜色,同时使用fabricjs保持外部透明度。我尝试使用Tint,它适用于下图。varcanvas=this.__canvas=newfabric.Canvas('myCanvas'),f=fabric.Image.filters;fabric.Image.fromURL('imgpath/img.png',function(img){varoImg=img.set({left:50,top:100}).scale(1);vartint=newfabric.Image.filters.Tint({color:'#ff6c78',opac

javascript - 如何访问 Elm 中的图像数据?

我们如何从Elm中的图像中获取像素数据?在JavaScript中,这是获取图形中一组像素颜色的代码(取自here)varimage=newImage;image.src="starry-night.jpg";varcanvas=d3.select("body").append("canvas");varcontext=canvas.node().getContext("2d");context.drawImage(image,0,0);//bewarevariablename"image"gotusedtwiceimage=context.getImageData(0,0,width,

javascript - 如何防止视网膜 iPad 上的 javascript 中的@2x 图像缩放?

我正在使用html开发网页游戏和javascript。游戏还必须在iPad上运行,最好是视网膜和非视网膜显示器。在这个游戏中,我使用了spritesheetpng。此spritesheet宽3500像素,高3700像素。在我的游戏逻辑中,我使用Canvas的context.drawImage()捕获Sprite并将它们绘制到我的Canvas中。在桌面浏览器中,这工作得很好,一切都很好。在RetinaiPad上,图像加载时只有它大小的四分之一,这使得我的很多drawImage()调用失败,认为他们试图抓取加载图像边界之外的像素。(如果我在位置1200、1400抓取一个Sprite,而iP

javascript - 如何让 javascript 只在 dom 和 css 准备好而不是图像时执行

我想在dom和css准备好时执行一些javascript,但我不关心图像(我倾向于延迟加载图像)我知道如何检测dom就绪状态,但如何检测css就绪? 最佳答案 您应该使用document.ready事件。window.onLoad在所有图像和其他图像完全加载时触发。来源:window.onloadvs$(document).ready() 关于javascript-如何让javascript只在dom和css准备好而不是图像时执行,我们在StackOverflow上找到一个类似的问题:

javascript - 为什么在模糊事件处理程序中添加 setTimeout 会修复另一个点击处理程序的 "masking"?

寻找对所提供答案的解释here和here.简单地说,我有两个元素。带有onBlur事件的输入和带有onClick事件的div。在没有任何特殊处理的情况下,当我通过单击div模糊输入时,会触发onBlur事件,而不会触发onClick事件。但是,如果我在blur事件处理程序中放置一个setTimeout,当我单击div时,两个事件处理程序都会被调用。为什么这行得通?HTML:Focustheinputaboveandthenclickme.(Willsee1alert)Focustheinputaboveandthenclickme.(Willsee2alerts)Javascript:

javascript - 动态导入图像(React Js)(要求 img 路径找不到模块)

我需要通过map方法从我的图像文件中动态导入图像(多个)。首先,我想为我的图像文件设置一个基本URL,然后从我的包含image属性的JSON文件中读取图像的名称,然后相应地设置图像src。JSON文件如下所示:{"title":"BlueStripeStonewarePlate","brand":"Kiriko","price":40,"description":"Loremipsumdolorsitamet...","image":"blue-stripe-stoneware-plate.jpg"},{"title":"HandPaintedBlueFlatDish","brand"

javascript - Webkit JavaScript 可以 PUT 或 POST 图像 REST 样式作为纯二进制文件吗?

当我的浏览器从网站下载图像时,不涉及base64编码。它发出类似GET/image.jpg的HTTP命令并接收Content-Type类似于image/jpg的HTTP响应,其Content-Length是图像中的字节数,其主体是原始二进制图像数据本身。数据既未使用字符集编码,也未使用base64等方案进行编码。编写RESTful资源训练我期待HTTPGET和PUT之间的对称性,例如,当我执行时,一个URL会传送JSON数据当使用PUT时,GET将接受JSON数据。在这两种情况下都不涉及表单编码;在这两种情况下,只有一个Content-Length给出有效载荷中的字节数,一个Conte

javascript - 无休止地旋转图像/div(跨浏览器)

我正在尝试为这种效果找到一个跨浏览器的解决方案,但这是我能找到的最好的解决方案:http://jsfiddle.net/fE58b/19/它对CPU也非常友好。一些非跨浏览器的javascript解决方案使用了近50%的CPU。在我看来,这不是网络使用的解决方案。提供的示例适用于Chrome17、Firefox11和Safari5.1.7。所以我的问题是:有没有一种方法可以创建这种效果(当然不用flash或java),这样它也可以在Opera和IE中工作?编辑:HTML​CSS@-webkit-keyframesspin{from{-webkit-transform:rotate(0d