У меня есть 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,
Вы не предоставляете свой текущий код, так что вот описательное объяснение того, как достичь своей задачи ...
Когда ваш Tee-дизайн будет завершен, нарисуйте «фоновое» изображение из div на холст, а затем используйте canvas.toDataURLдля экспорта содержимого холста в качестве URL-адреса изображения.
Вы можете использовать destination-overкомпозицию для рисования фонового изображения за существующим содержимым холста.
Вы можете выполнить все это с помощью javascript.