-1

AJAX を使用して、キャンバスに必要な画像のリストを返しています。そのコレクションをループしてキャンバスに画像を追加したいのですが、うまくいきません。誰かがこれを手伝ってくれますか？以下は私のコードです（htmlのヘッドセクションにあります）

<script>
    $(document).ready(function () {
        $.ajax({
            type: "POST",
            url: "http://localhost:7466/DataService.asmx/GetPersons",
            data: "{}",
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function (response) {

                var person;
                person = response;

           //     var canvas = document.getElementById('myCanvas');
                //   var context = canvas.getContext('2d');

                var canvas = new fabric.Canvas('mycanvas');

                var i;
                for (i = 0; i < person.d.length; i++) {
                    //alert(person.d[i].URL);
                    var image = new Image();
                    image.src = person.d[i].URL;

                    var PosX = person.d[i].PosX;
                    var PosY = person.d[i].PosY;

                    fabric.Image.fromURL(image.src, function (oImg) {
                        oImg.set('Left',PosX).set('top',PosY);
                        canvas.add(oImg);
                    });
                }
           }
        });
    });

</script>
4

1 に答える 1

1

追加してみましたか?:

canvas.renderAll();

または、キャンバス要素をインスタンス化した後に次のように設定しますか?:

canvas.renderOnAddition = true;
于 2013-01-10T03:04:37.710 に答える