[英]create an image from a byte array using javascript
目前,我使用通用的ASHX处理程序(通过ajax / jquery调用)将图像加载到IMG元素中,如下所示...
serverimage1x4.src = '/Cloud/LiveXP.ashx';
但是,除此以外,我希望网络工作者执行此操作。
我从网络工作者返回一个字节数组,并使用“ postmessage”将其返回给父UI。
因此,假设我使用XMLHttpRequest将字节数组返回到UI,如何将该字节数组加载到Image / IMG元素中?
我会尝试加载画布元素更好吗?
我认为您正在寻找的是putImageData()
。
这是一个使用示例,该示例通过操纵字节数组来任意修改现有画布:
var image=draw.getImageData(0,0,W,H), data=image.data;
for ( var y=0; y<H; y++ ) for ( var x=0; x<W; x++ )
{
var index=(x+y*W)*4;
data[0+index]=x+y; // red
data[1+index]=x; // green
data[2+index]=255-data[2+index]; // blue
data[3+index]=255; // alpha
}
draw.putImageData(image,0,0);
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.