DIVのコンテンツをhtml5に送る方法CANVAS

Question

divのコンテンツをキャンバスに「描画」することは可能ですか...私はcssでdiv操作を行っていますが、コンテンツをjpgに「保存」するキャンバスが必要です.dataToURL機能

ので、質問は...あなたは事前に

おかげ

Answer 1

<canvas>をdiv要素のコンテンツを転送するHTML、CSS、jQueryの機能を知っていて、キャンバスに、それを描画しませんさ<IFRAME>と組み合わせると、個人情報が失われる可能性があるため、HTMLコンテンツを直接配置することはできません。

あなたができることは、SVGイメージを動的に作成して<canvas>に描画することです。 SVGはリッチテキスト形式のサポートを<canvas>よりも優れています。

ダイナミックSVGを作成するためのjQueryライブラリ：

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 
    } 
} 

：このような別のキャンバスに何かの上にそのキャンバス