在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問(wèn)答/HTML/ canvas如何用jquery加載本地圖片

canvas如何用jquery加載本地圖片

jquery文件、圖片、html文件都放在同一個(gè)文件夾內(nèi)，使用jqery無(wú)法加載出圖片，原生js可以，代碼按書(shū)中示例輸入，不知問(wèn)題在哪里。

代碼：

<!DOCTYPE>
<html>
<head>
    <title></title>
    <meta charset="utf-8">
    <script type="text/javascript" src="jquery-3.2.1.min.js">
        $(document).ready(function(){
            var canvas = $('#myCanvas');
            var context = canvas.get(0).getContext('2d');
            var image = new Image();
            image.src = "picture4.jpg";
            $(image).load(function() {
                context.drawImage(image,0,0);
            })
        })
    </script>    
    
</head>
<body>
    <canvas id="myCanvas" width="500" height="500">
        
    </canvas>
    
</body>

</html>
回答
編輯回答
擱淺

把load改成on的寫(xiě)法試試，因?yàn)槲铱茨阌玫氖莏Q3的庫(kù)，load原本有個(gè)ajax的方法，新版里不排除直接廢除事件的便捷寫(xiě)法。

2017年12月6日 16:29
編輯回答
情皺

把上面的改成

<script type="text/javascript" src="jquery-3.2.1.min.js">
</script>
<script>
    $(document).ready(function(){
        var canvas = $('#myCanvas');
        var context = canvas.get(0).getContext('2d');
        var image = new Image();
        image.src = "picture4.jpg";
        $(image).load(function() {
            context.drawImage(image,0,0);
        })
    })
</script>
2017年5月18日 18:15