原始图像数据转换在javascript
Raw image data conversion in javascript
我从服务器获得原始图像数据,在画布上绘制它的最佳选择是什么,我该如何做到这一点?请给我一个见解,因为我是非常新的html和javascript。如果我知道原始图像的宽度和高度,我想知道的是如何转换原始数据并在html和javascript的画布上绘制它。基本上我不知道原始图像的格式,我需要做一些转换。
你可以使用context.createImageData
创建一个imageData对象,你可以用你的RGBA数据从你的服务器:
示例代码和演示:http://jsfiddle.net/m1erickson/XTATB/
// test data fill a 30x20 canvas with red pixels
// test width/height is 30x20
var canvasWidth=30;
var canvasHeight=20;
// resize the canvas
canvas.width=canvasWidth;
canvas.height=canvasHeight;
// create some test data (you can use server data in production)
var d=[];
for(var i=0;i<canvasWidth*canvasHeight;i++){
// red & alpha=255 green & blue = 0
d.push(255,0,0,255);
}
// create a new imageData object with the specified dimensions
var imgData=ctx.createImageData(canvasWidth,canvasHeight);
// get the data property of the imageData object
// this is an array that will be filled with the test data
var data=imgData.data;
// copy the test data (d) into the imageData.data (data)
for(var i=0;i<data.length;i++){
data[i]=d[i];
}
// push the modified imageData object back to the canvas
ctx.putImageData(imgData,0,0);
相关文章:
- 将这些正则表达式从javascript转换为Java
- 使用JAVASCRIPT转换货币.可以't通过我的函数设置转换后的输入文本字段的值
- 使用ScriptObjectMirror将数组结果从JavaScript转换为有用的东西
- 如何在javascript转换编码中将一个动态值从一个表单添加到另一个页面
- 使用document.cookie将客户端javascript转换为节点模块
- 将纯javascript转换为jquery
- 按钮标签,javascript 转换为链接标签
- Javascript转换数组
- 如何将此JavaScript转换为插件
- 将可迭代的 Javascript 转换为数组
- DOM元素上的Javascript转换
- 用javascript转换日期
- 将代码从JavaScript转换为PHP
- 将var javascript转换为java变量
- 如何使用javascript转换特殊字符及其实体名称(如&with&)
- 如何将这个javascript转换为jquery
- Clojure到JavaScript转换器(Leiningen)
- .Net Ticks 使用 JavaScript 转换为 ISO 8601 日期格式
- JavaScript 转换用户输入
- 将 Javascript 转换为 coffeescript