0

コード：

$(document).ready(function(){
    $("#AddButton").bind('click', function(event){


    if(document.getElementById('optionselectthree').value=='drawtab')
    {
    divshow();
    clone();
    event.stopPropagation();

    }
    else if(...)
    {

    ..

    }


    });
 });

divshow（）関数：

function divshow(){

var newImageBoxdiv = $(document.createElement('div')).attr("class",'demo');

newImageBoxdiv.html('<img id="Imagedisplay" style="background-repeat: no-repeat; width:auto; width:100%; height:100%; cursor:move; position:absolute;" />');

newImageBoxdiv.insertAfter("#imagedemo");
$('.demo').show(); 
}

clone（）関数：

function clone(){

var c=document.getElementById("can");
var d=c.toDataURL("image/png");

document.getElementById("Imagedisplay").src=d;

}

こんにちはみんな、私はキャンバスに画像を描画してから、divshow（）関数を使用して動的に呼び出されるdivに描画された画像（clone（）関数）を表示しようとしています。問題は、＃AddButtonをクリックすると、画像のsrcが正しい場合に、画像なしでdivが表示されることです。

4

1 に答える 1

0

toDataURL が完了する前に src を設定していると思われます。toDataURL が完了したら、コールバックを使用して起動し、その中に src を設定する必要がある場合があります。これを確認するには、src を設定する直前に d の値を記録してみてください。

残念ながら、私はこの問題に遭遇したことがあり、toDataURL にコールバックを追加する確実な方法を知りません。toBlob にはありますが、まだ適切に実装されていないようです。

于 2012-10-10T12:26:16.187 に答える