html - キャンバスにdivを印刷する

Question

JavaScriptでは、canvas要素を使用してHTMLページの要素を印刷することは可能ですか？たとえば、次の要素をHTML5キャンバスに印刷すると、div内の個々のピクセルを操作できるので便利です。

<table border="1">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>

Answer 1

セキュリティ上の理由から、「ライブ」html要素をキャンバスに書き込むことはできません。（ID泥棒が、銀行のユーザーとパスワードをキャンバスにコピーして泥棒に送信するスクリプトを作成していると想像してみてください）。

NiklasvonHertzenがhtmlパーサーを作成しているようです。レンダリングするhtmlを制御している場合は、彼のメソッドが機能します。

このメソッドは、htmlが計算されるため、「ヘッドレス」処理と呼ばれますが、ブラウザーにはレンダリングされません。

より成熟したヘッドレスプロセッサが必要な場合は、これが適しています：http: //phantomjs.org/