変換されたcss3要素をキャンバス/画像にレンダリング

Question

基本的には、私のページの特定のDOM要素を画像として保存し、これをサーバーに保存したい（そして、ユーザーが画像をローカルディスクに保存できるようにしたい）。私はこれを行う唯一の方法はキャンバスをレンダリングすることだと考えています。これは、AJAXを介して画像データを送信し、DOM内の画像要素を作成することを可能にします。しかし私は私のDOM要素は

CSS 3dは

をtranformsそしてhtml2canvasは、単にそこに失敗し

1. 複数の透明な背景を持っている、このためpromising libraryを見つけました。現在、DOM要素の現在の状態のイメージ表現をCSS3の栄光ですっきりと保存する方法はありますか？

Answer 1

ブラウザは、DOM要素をキャンバスにそのままレンダリングすることはできません。なぜなら、これを行うことができないというセキュリティ上の懸念が非常に強いからです。

あなたの最大の賭けはhtml2canvasとあなた自身のハックです。独自のレンダリングコードをカスタマイズした方法で実装するだけでも構いません。 drawImageの呼び出しで複数の背景が可能になるはずです。キャンバスの2DがsetTransform()になると、CSS3変換で作業することができます（これは次のバージョンの仕様だと思います）。

Answer 2

この段階では、独自のhtml2canvas拡張機能を作成することなく、CSS3の開発とクロスブラウザサポートが可能です。

ウェブページの現在のスナップショットを送信できるようにするため、Google Chromeのバグレポートを試してみることができます。しかし、私はそれがJSのAPIで利用できないいくつかの内部関数だと思う。

また、これはユーザーを盗聴するために簡単に悪用される可能性があるので、ブラウザ開発チームの正式なサポートは期待しないでください。