1

このコードに問題があります (ローカル PC から作業しています)。

ご協力ありがとうございます。

私のコードは以下の通りです：

<html>
    <head>
        <title>My Test</title>
        <script src="../jquery/js/jquery-1.9.0.min.js"></script>  
    </head>
    <body>
        <script>
            var _canvas = document.createElement('canvas');
            _canvas.width="100";
            _canvas.height="100"; 
            var _context = _canvas.getContext("2d");
            var _img = new Image();
            _img.src = "image/myImgTest.png";
            var _url;

            _img.onload = function() {
            DrawScreen(); // just some process: drawing image
            _url = _canvas.toDataURL(); 
            alert("test"); **// this alert is printed on FF not on Chrome ???**
            // window.location = url; **// With this command on FF, I show my Image**
            document.write("<img src='"+url+"' >"); **// on FF, I show my image but when I would like to see the source code on my current page, there is nothing just blank ?? And on Chrome, I never show my image.** 

            **// In fact, I am expected to generate something like this: <img src="data:image/png;base64,iVBORw0KGgo.....">  at this place **

            };
            function DrawScreen() {
                // my process
            }

        </script>

    </body>
</html>

* // 実際、次のようなものを生成することが期待されています: この場所で *

4

1 に答える 1

0

「ローカル PC で作業している」場合、ローカル PC に Web サーバーがありますか、それともハード ドライブから HTML ファイルを直接開いていますか?

to の割り当てをイベント ハンドラー.srcの後に移動することをお勧めします。そうしないと、がトリガーされない.onload可能性があるためです。.onload

var _img = new Image();
var _url;

_img.onload = function() {
   ...
};
_img.src = "image/myImgTest.png";
于 2013-02-28T07:44:57.160 に答える