canvas.getContext（'2d'）在html页面中工作正常。但不能在asp.net中工作

问题描述

I am developing a html5 image viewer in asp.net.am testing the script with .html page it was working fine.when using the script in .aspx page it throws me the following error


error:0x800a01b6 - Microsoft JScript runtime error: Object doesn't support property or method 'getContext'

the bold line throws the above error

<script>
        function loadImages(sources, callback) {
            var images = {};
            var loadedImages = 0;
            var numImages = 0;
            // get num of sources
            for (var src in sources) {
                numImages++;
            }
            for (var src in sources) {
                images[src] = new Image();
                images[src].onload = function () {
                    if (++loadedImages >= numImages) {
                        callback(images);
                    }
                };
                images[src].src = sources[src];
            }
        }
        var canvas = document.getElementById('myCanvas');
        var context = canvas.getContext('2d');

        var sources = {
            web1: 'http://localhost:2861/images/1.jpg',
            web2: 'http://localhost:2861/images/2.jpg'
        };

        loadImages(sources, function (images) {
            context.drawImage(images.web1, 100, 35, 256, 256);
            context.drawImage(images.web2, 350, 55, 93, 104);
        });

   </script>

推荐答案

这篇关于canvas.getContext（'2d'）在html页面中工作正常。但不能在asp.net中工作的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！