0

その単純なコードで画像ピクセルから色を取得しようとしています:

<body>
    <img src="image.png" id="monImage"/>
    <canvas id="myCanvas"></canvas>
    <script src="jquery.js"></script>
    <script>
        $(function() {
            var img = $('#monImage')[0];
            var canvas = $('#myCanvas')[0];
            canvas.width = img.width;
            canvas.height = img.height;
            canvas.getContext('2d').drawImage(img, 0, 0, img.width, img.height);

            var pixelData = canvas.getContext('2d').getImageData(0, 0, 1, 1);

            alert("test");
        });
    </script>
</body>

私はjqueryを使用しているので、要素を選択する方が簡単です。この行にコメントすると：

var pixelData = canvas.getContext('2d').getImageData(1, 1, 1, 1);

その後、alert()作品が画面に表示されます。しかし、コメントしないとコメントしないので、その行は機能しません。なんで ？

ありがとう

4

1 に答える 1