-5

コードを使用しています

<div style="background:url('upload/image1.jpg'); width:300px; height:400px; position:relative;">
    <br/>
    <div style="position: absolute; top:300px; overflow:hidden;  height:100px; width:300px;" id="overlay">This is a sample text</div>
    <br/>
</div>

これでは、divの背景として画像を使用しています。そして、div オーバーレイのようにオーバーレイ テキストを画像に追加します。

オーバーレイ テキストを追加した後、メイン div を新しい画像として保存します。どうやって？

4

1 に答える 1

3

最初にhtml2canvasのようなものを使用し、次に javascript を使用してキャンバスを画像として保存する必要があります。

window.open(document.getElementById('canvas_id').toDataURL('image/png'));

これにより、html が画像としてレンダリングされ、画像が png データ URL に変換され、その URL が新しいウィンドウで開かれ、画像のダウンロードが促されます。

于 2013-07-26T07:20:44.503 に答える