js 二进制转图像二进制

可以使用 Canvas API 将二进制数据转换为图像二进制。以下是一个示例代码：

function binaryToImage(binaryData) {
  var canvas = document.createElement('canvas');
  var ctx = canvas.getContext('2d');
  var img = new Image();
  img.onload = function() {
    canvas.width = img.width;
    canvas.height = img.height;
    ctx.drawImage(img, 0, 0);
  };
  img.src = 'data:image/png;base64,' + btoa(binaryData);
  return canvas.toDataURL();
}

其中，`binaryData` 是二进制数据，返回值是图像的 base64 编码。

相关问题

前端怎么将二进制转成图片

前端将二进制数据转换为图片通常通过创建`<img>`标签并设置其`src`属性的方式完成。以下是基本步骤：

1. 获取二进制数据：这个数据可能是从服务器获取的响应体，或者通过其他手段如用户上传文件时得到。

let binaryData = // 这里是你的二进制数据，例如 Blob 或者 ArrayBuffer 对象

2. 创建URL.createObjectURL()：这是一个JavaScript特性，可以将二进制数据转化为一个临时的URL，该URL可以在浏览器中显示为图像。

let imageUrl = URL.createObjectURL(binaryData);

3. 使用`imageUrl`设置<img>标签的src:

<img id="image" src="" alt="图片描述">

document.getElementById('image').src = imageUrl;

4. 如果需要支持跨域显示图片，你可能需要服务器配合返回一个Content-Disposition头，告知浏览器这是一个下载链接。另外，记得在适当的时候调用`URL.revokeObjectURL(imageUrl)`释放资源。

js image转换二进制

你可以使用Canvas API将图像转换为二进制数据。以下是一个示例代码：

// 加载图片
var img = new Image();
img.onload = function() {
  // 创建 canvas 元素
  var canvas = document.createElement('canvas');
  canvas.width = img.width;
  canvas.height = img.height;

  // 在 canvas 上绘制图片
  var ctx = canvas.getContext('2d');
  ctx.drawImage(img, 0, 0);

  // 将 canvas 转换为二进制数据
  var binaryData = atob(canvas.toDataURL().split(',')[1]);

  // 将二进制数据存储到数组中
  var array = [];
  for (var i = 0; i < binaryData.length; i++) {
    array.push(binaryData.charCodeAt(i));
  }

  // 将数组转换为 Uint8Array
  var uint8Array = new Uint8Array(array);
};
img.src = 'image.png';

这段代码将图像 `image.png` 转换为 Uint8Array 类型的二进制数据。你可以根据需要对其进行修改。