Как масштабировать imageData в холсте HTML?

Question

Как масштабировать imageData в холсте HTML?

У меня есть холст на моей веб-странице; я создаю новые Данные изображения в этом холсте затем, я изменяю некоторый пиксель через myImgData.data [] массив. Теперь я хотел бы масштабировать это изображение и сделать его больше. Я попробовал путем масштабирования контекста, но изображение остается маленьким. Действительно ли возможно сделать это?Спасибо

31

html canvas getimagedata

задан Masiar 10 August 2010 в 11:21

1 ответ

Другие вопросы по тегам:

html canvas getimagedata

Похожие вопросы:

score 36 · Accepted Answer

Вы можете нарисовать imageData на новом холсте, масштабировать исходный холст, а затем нарисовать новый холст на исходном холсте.

Что-то вроде этого должно работать:

var imageData = context.getImageData(0, 0, 100, 100);
var newCanvas = $("<canvas>")
    .attr("width", imageData.width)
    .attr("height", imageData.height)[0];

newCanvas.getContext("2d").putImageData(imageData, 0, 0);

context.scale(1.5, 1.5);
context.drawImage(newCanvas, 0, 0);

Вот работающая демонстрация http://jsfiddle.net/Hm2xq/2/ .