Как отправить контент DIV на HTML5 CANVAS

Question

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

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

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

Answer 1

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

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

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

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

(см. Пример текста)

Answer 2

Обратите внимание на 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
    }
}