javascript - 如何克隆ImageData?

标签 javascript object canvas clone getimagedata

这行得通,但我觉得这段代码很长。 我正在寻找更好的主意。

var clone = function(imageData) {
  var canvas, context;
  canvas = document.createElement('canvas');
  canvas.width = imageData.width;
  canvas.height = imageData.height;
  context = canvas.getContext('2d');
  context.putImageData(imageData, 0, 0);
  return context.getImageData(0, 0, imageData.width, imageData.height);
};

最佳答案

ImageData构造函数接受图像数据数组。

const imageDataCopy = new ImageData(
  new Uint8ClampedArray(imageData.data),
  imageData.width,
  imageData.height
)

关于javascript - 如何克隆ImageData?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11027254/

相关文章:

javascript + e4x : how to test if an element is empty?

javascript - 替换正则表达式中的 img 元素 src 属性

javascript - 从顶级 App 类更改 React 上下文

对象的 Javascript getter 和 setter,而不是对象属性

javascript - 如何在 AngularJS 中读取文件?

javascript - 填充一些文本后如何在 Canvas 上设置高度?

javascript - Node.js http.request keepAlive

JavaScript 对象子类

javascript - 递归 trim 对象中所有元素的更好方法?

python - canvas.move(id, x, y) 不适用于箭头键