JavaScript Canvas скачать столкновение ⇐ Html

[Anonymous]

Я работаю над тем, чтобы загрузить две разные версии изображения, используя Canvas, чтобы повторить изображение на его фоне. Вариант, но это не позволяет мне использовать более одного, несмотря на уникальные идентификаторы. Вы можете мне помочь? Ниже приведены код и примечания JavaScript. Переключение (Div Display:
block /none). Он работал для первого теста, но не после добавления
разных версий. ; LoadMe2 () "; Поскольку они
временно скрыты div < /p>
< /li>
JavaScript находится в корпусе кода HTML5 < /p> function LoadMe1 () {
const canvas1 = document.getElementById ('lagryPicPreview1');
const ctx1 = canvas1.getContext ('2d');
const img1 = document.getElementbyId ('lamp');
const pat1 = ctx1.createPattern (img1, 'repeat');
crect1.rect(0, 0, 50, 50);
ctx1. FillStyle = PAT1;
ctx1.fill();;br /> return canvas1;
}
function convertcanvastoimage1 (canvas1) {
var image1 = new image ();
image1.src = canvas1.todataurl ('image /png');
return image1;
}
// кнопка использует "onclick =" dwn1 () "
Функция dwn1 () {
var image1 = convertcanvastoimage1 (document.getelementbyid ('lagrypicpreview1'));
var anchor1 = document.createElement ('a1');
console.log(Anchor1) ;
anchor1.setattribute('href ', image1.src);
anchor1.setattribut >} < /p>
function LoadMe2 () {
const canvas2 = document.getElementById ('lagsPicPreview2');
const ctx2 = canvas2.getContext ('2d');
const img2 = document.getElementById ('lamp');
const pat2 = ctx2.createPattern (img2, 'repeat');
ctx2.rect(0, 0, 150, 150) ;
ctx2.fillStyle = pat2;
ctx2.fill();;br /> return canvas2;
}
function convertcanvastoimage2 (canvas2) {
var image2 = = New Image ();
image2.src = canvas2.todataurl ('image /png');
return image2;
}
// кнопка использует "onclick =" dwn2 () "
function dwn2 () {
var Image2 = convertCanvastoImage2 (document.getElementById ('lagsPicPreview2'));
var anchor2 = document.createlement ('a2');
console.log (anchor2);
anchor2.setattribute('href ', image2.src);
anchor2.setattribute(' download ',' image2.png ');
anchor2. click ();
} < /p>
< /li>
< /ul>

Подробнее здесь: https://stackoverflow.com/questions/794 ... d-clashing