как отправить содержимое DIV в HTML5 CANVAS

можно ли "нарисовать" содержимое div на холсте... я сделал манипуляцию div с css, но нужно canvas, чтобы "сохранить" содержимое в jpg с помощью .функция dataToURL

Итак, вопрос... вы знаете функцию HTML, CSS, jQuery, которая передает содержимое div и рисует его на холст

спасибо заранее

9
canvas css html html5 jquery

2 ответов

<canvas> напрямую не поддерживает размещение на нем HTML-контента, так как совмещает это с <IFRAME> потенциально может привести к потере личной информации.

что вы можете сделать, так это динамически создавать SVG-изображение, а затем рисовать это на <canvas>. SVG имеет лучшую поддержку форматирования богатого текста, чем <canvas>.

библиотека jQuery для динамического создания SVG:

http://keith-wood.name/svg.html

(см. Текст примера)

3

Проверьте html2Canvas, он берет элемент dom и преобразует его в холст, а затем вы можете нарисовать этот холст на другой холст примерно так:

http://html2canvas.hertzen.com/

var domElement = document.getElementById('myElementId');
html2canvas(domElement, {
    onrendered: function (domElementCanvas) {
        var canvas = document.createElement('canvas');
        canvas.getContext('2d').drawImage(domElementCanvas, 0, 0, 100, 100);

        // do something with canvas
    }
}
1