ant't 'putImageData' с 'imagedata' из другого холста
У меня есть две картины на одной странице с разными идентификаторами. Я использую первый холст для рисования изображений, а второй - как альбом, где вы можете увидеть все свои картины...... Когда я использую var Img = painter.getImageData(0, 0, 100, 100) а также album.putImageData(Img, 0, 0) это не работает Пожалуйста, помогите!
Код: (могут быть некоторые ошибки, потому что это написано от руки, мой оригинальный код слишком длинный)
HTML:
<html>
<body>
<canvas id="album" width="1000" height="1000"></canvas>
<canvas id="painter" width="100" height="100" onclick="draw(event)"></canvas>
<button onclick="sub()">Submit to album</button>
</body>
</html>
JS:
var album = document.getElementById("ambum").getContext("2d");
var painter = document.getElementById("painter").getContext("2d");
var SRC = "";
function draw(evt) {
var X = evt.clientX;
var Y = evt.clientY;
painter.beginpath();
painter.fillStyle = "red";
painter.fillRect(X - 1000, Y, 100, 100);
}
function sub() {
var SRC = painter.getImageData(1000, 0, 100, 100);
album.beginPath();
album.putImageData(SRC, 0, 0);
}