Скачать Div & Canvas As One Image

У меня есть div с фоновым изображением, поверх которого у меня есть холст HTML, где я позволяю людям придерживаться собственного изображения и редактировать размер и положение. (По существу, как инструмент для дизайна футболки - TeeSpring )

Я хочу иметь возможность комбинировать div и холст и загружать его как изображение. Как мне это сделать? (Желательно использовать javascript / jquery).

Я пробовал использовать html2canvas и cavas2image, но он не загружал изображение в холст или фоновое изображение div. Ниже приведен HTML-код для div + canvas:

<div id="bottle-designer">
    <canvas id="editorCanvas" width="100" height="275"></canvas>
</div>

javascript,jquery,html5-canvas,html2canvas,

0

Ответов: 1


0

Вы не предоставляете свой текущий код, так что вот описательное объяснение того, как достичь своей задачи ...

Когда ваш Tee-дизайн будет завершен, нарисуйте «фоновое» изображение из div на холст, а затем используйте canvas.toDataURLдля экспорта содержимого холста в качестве URL-адреса изображения.

Вы можете использовать destination-overкомпозицию для рисования фонового изображения за существующим содержимым холста.

Вы можете выполнить все это с помощью javascript.

JavaScript, JQuery, html5 холст, html2canvas,
Похожие вопросы