问题标签 [getimagedata]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - IE9 中的 context.getImageData 异常
我正在使用 canvasContext.getImageData(0, 0, 1, 1).data 来检索图像上的像素信息。它适用于除 IE9 以外的所有浏览器。在随机时间像素信息不可用,它返回 0 而不是预期的 255。
我正在图像的 onload 事件中执行 getImageData 代码。图像 src 是在我创建 onload 函数后定义的。
我目前对 IE9 的破解是:
发生的情况是 while 循环运行了大约 30-60 次,然后它最终检索像素信息。
关于为什么在 IE9 中发生这种情况的任何帮助都会很棒!
谢谢。
image - HTML5 画布 - 加载时重新缩放图像?
好的,所以我正在做一个 html5 画布游戏,我需要一直绘制调整大小的图像(这都是像素艺术)。不幸的是,在 drawImage 上调整大小会使当前浏览器相当缓慢,所以我试图在加载时调整大小,然后只绘制预先调整大小的图像。
我试图将调整大小的图像绘制到隐藏的上下文中,然后执行 ctx.getImageData,但后来我被字节数组困住了,无法转换为图像。我可以做一个 putImageData 将其推送到最终上下文,但这很慢,而且我显然失去了 alpha 通道。
另一种选择可能是在服务器中预先缩放东西,但如果可能的话,我想避免这种情况。
有任何想法吗?
php - 如何使用 Wikipedia API 在 php 页面上显示图像
嗨,我有一个使用 wikipedia API 的 php 页面,该页面使用 zend 框架来显示从搜索查询中获得的结果。目前它显示文章的标题和它的片段。我也希望能够显示图像。请就此事给我进一步的建议。谢谢。
下面是我的代码:(q 是在搜索框中输入的值)
javascript - getImageData 导致“未捕获的错误:NOT_SUPPORTED_ERR:DOM 异常 9”
我正在尝试了解 HTML5 中的一些图像处理。我发现当我尝试使用 getImageData 方法时,我会抛出这个 JS 异常。我正在使用 Chrome 并在本地主机上运行。
谢谢!
android - Android 从图库中获取图像到 ImageView
我正在尝试将相册中的照片添加到 aImageView
但我收到此错误:
java.lang.RuntimeException:将结果 ResultInfo{who=null, request=1, result=-1, data=Intent { dat=content://media/external/images/media/1 }} 传递给活动 {hotMetter.包/hotMetter.pack.GetPhoto}:java.lang.NullPointerException
这是我的代码:
我得到了selectedImagePath="mnt/sdcard/DCIM/myimage"
但是img.setImageURI(selectedImageUri);
我得到了错误。
我也使用了 aBitmap
并尝试设置图像,SetImageBitmap
但我得到了同样的错误。
日志猫:
请提供建议。谢谢!
javascript - Javascript 图像数据到多维数组的性能问题
我编写了一种将画布图像数据数组转换为基于多维坐标的数组的方法,如下所示:
我已经在较小的规模(10x10 图像)上对其进行了测试,但是当我移动到更大的图像时,在我的情况下为 800x800,它完全使浏览器(选项卡)崩溃。我可以理解为什么,但是,我想知道是否有更有效的方法来解决这个问题。
有什么想法吗?
html - html5 getImageData 然后 putImageData 导致图像褪色
我对 Html5 很陌生,我想知道是否有人可以对此有所了解:
根据我对 Html5 的有限知识,除了不断显示“图像”之外,这段代码应该什么都不做。但是相反,图像很快就烧成了几乎白色,这表明每次从画布读取或写入画布时,imageData 都会发生轻微变化......
基本上我想淡化鼠标所在的图像,以便在鼠标移动时显示背景图像。有没有办法解决这个问题,还是我必须在这个过程中变得更有创意?无论如何我可以操纵“图像” ImageData 而不是每次都从画布上获取它?
在此先感谢,我尝试使用 jpg 和 png 并加载到 DOM 而不是通过 image.src 但它们都有相同的问题。
顺便说一句,使用最新的 Chrome。
这是 requestionAnimationFrame 的设置,用于处理故障转移到 SetTimeout 的一系列浏览器:
这是画布的代码
这就是所有的代码。
firefox - Firefox 13 中画布上下文 getImageData 函数出现奇怪错误
我有一些画布代码在 safari 和 chrome 中运行良好,但在 Firefox 中失败。
Firefox 控制台显示:
[17:44:13.372] 未捕获的异常:[异常...“不支持操作”代码:“9”nsresult:“0x80530009(NotSupportedError)”位置:“http://REDACTED.js 行:703”]
Firebug 提供了对人类稍微有用的功能:
我确实.getImageData
在打 703 线。
我读过关于原产地政策的类似错误报告。该项目托管在网络服务器(非本地)上,我没有从其他域加载任何图像并将它们放在画布上。事实上,即使画布是空白的,我也会收到错误消息。
基于 webkit 的浏览器向我提供了像素数据,我问,firefox 可以做什么?谢谢。
javascript - 如何克隆 ImageData?
这是有效的,但我觉得这段代码很长。我正在寻找更好的主意。
javascript - javascript 图像数据对象到图像对象(尝试用图像数据填充())
我要做的是 context.createImageData(xxx,xxx) 然后获取该图像数据并对其进行操作,然后使用图像数据 context.createPattern(imagedata, 'repeat') 用图像数据填充我绘制的对象我程序化了。我遇到的问题是 createPattern 接受图像对象而不是图像数据对象。所以我需要找到一种将图像数据对象转换为图像对象的方法,或者找到一种更好的方法来使用程序生成的图像填充()。
感谢您的帮助!!