2017-11-24 8 views
1

ウェブサイトのサムネイルを取るライブラリを作成する必要があります。キャンバスへの背景イメージを持つDOM要素

私はJavaScriptでシリアル化されたXMLデータにHTMLやスタイルを変換します。その後

serialized = new XMLSerializer().serializeToString(html); 

私はシリアル化された文字列から文字列データを作成します。私は、キャンバス上で、このデータを印刷した後

var data = '<svg xmlns="http://www.w3.org/2000/svg" width="' + width + '" height="' + height + '">' + 
'<foreignObject width="100%" height="100%">' 
+ serialized + 
'</foreignObject>' + 
'</svg>'; 

要素の場合、divの背景イメージ以外はすべて正常に動作することがわかりました。

background-imageプロパティを含むDOM要素をキャンバスで使用するにはどうすれば変換できますか?

は、私は解決策を見つけ、 アレックス

+0

詳細とコードが必要ですか?シリアライズされたものは何ですか?背景画像? –

+0

要素がシリアル化されています –

答えて

1

、ありがとうございました。 urlをbase64に変換して正常に動作します。

関連する問題