前端——利用js做静态行走图像

qqqweiweiqq

于 2022-11-30 18:07:26 发布

阅读量90

点赞数

分类专栏：前端文章标签： javascript 前端 html

本文链接：https://blog.csdn.net/qqqweiweiqq/article/details/128119676

版权

前端专栏收录该内容

52 篇文章 0 订阅 ¥29.90 ¥99.00

订阅专栏

超级会员免费看

<!DOCTYPE html>
<html lang="en-us">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Simple DOM example</title>
    <style>
        body {
            margin: 0;
            overflow: hidden;
        }
    </style>
    <canvas class="myCanvas">
        <p>添加恰当的反馈信息。</p>
    </canvas>
    <script>
        var canvas = document.querySelector('.myCanvas');
        var width = canvas.width = window.innerWidth;
        var height = canvas.height = window.innerHeight;
        var ctx = canvas.getContext('2d');

        ctx.translate(width/2, height/2);
        var image = new Image();
        image.src = '22.png';
        image.onload = draw;
        var sprite = 0;
        var