Наслоение холста без нескольких холстов - PullRequest
1 голос
/ 09 мая 2020

Здесь я создаю штамповщика в HTML, Jquery и javascript. В редакторе моего приложения изображение добавляется к HTML холсту (простому), а также к тексту, я просто создаю новый элемент строки, а затем добавляю его к холсту. Но проблема в том, что я хочу, чтобы мое изображение было позади текст. Я погуглил это много, а также искал stackoverflow Я получил решение для создания нескольких холстов, но в конце я должен загрузить холст в файл для пользователя. Вот в чем проблема. И я хочу экспортировать весь холст вместе с текстом, одним и вторым изображением вместе. Если я создаю отдельный холст для текста и другой для изображения и задаю изображению один низкий zindex, все будет хорошо, но будет один холст, который будет экспортирован как изображение.
Ссылка на несколько слоев в холсте html5 - элемент холста - Несколько слоев
Я надеюсь, что мы придумаем идею, как загрузить оба холста в качестве изображения или найдите способ перенести изображение на заднюю часть холста.
Мы будем благодарны за любой ответ.

1 Ответ

2 голосов
/ 09 мая 2020

Если вы сохраняете текст, второе изображение и первое изображение в переменных, вы можете просто нарисовать их на холсте в желаемом порядке. Это означает, что всякий раз, когда происходит какое-либо изменение в изображении или тексте, вы должны очищать холст и все перерисовывать. где новый объект рисуется относительно существующего рисунка (сверху, сзади и т. д. c.)

...