问答博客资讯标签用户活动
logo极客观点logo项目管理logoHarmonyOS
开发者社区
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

canvas如何用jquery加载本地图片

头像
eatmelon
    1458
    头像
    上官元恒
      8.7k73238

      jquery文件、图片、html文件都放在同一个文件夹内，使用jqery无法加载出图片，原生js可以，代码按书中示例输入，不知问题在哪里。

      代码：

      <!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>
      javascript
      阅读 4.3k
      2 个回答
      得票最新
      头像
      某熊猫桑
        16.1k61547
        ✓ 已被采纳

        把load改成on的写法试试，因为我看你用的是jQ3的库，load原本有个ajax的方法，新版里不排除直接废除事件的便捷写法。

        头像
        yuanxiaowa
          10.1k3938

          把上面的改成

          <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>
          撰写回答
          你尚未登录，登录后可以
          • 和开发者交流问题的细节
          • 关注并接收问题和回答的更新提醒
          • 参与内容的编辑和改进，让解决方法与时俱进
          推荐问题