<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<canvas id="canvas" width="1000" height="600" style="border: 1px solid red;"></canvas>
<script type="text/javascript">
let canvas = document.getElementById('canvas');
let ctx = canvas.getContext('2d');
let width = canvas.width;
let height = canvas.height;
let i = 0, j = 0;let a = 0, b= 0;
// let img = new Image()
// img.src = 'img/ez.jpg'
// img.onload = function() {
// setInterval(function(){
//
//
//
// if(i == 4){
// i = 0;
// j++;
// }
//
// if(j == 1 && i == 2){
// j = 0
// }
// i++;
// ctx.drawImage(img, 185*i, 94*j, 185, 94,
本文介绍如何利用HTML5的canvas元素进行动图绘制，并实现图像的动态移动效果，探讨了canvas的基本用法和动画原理。
最低0.47元/天 解锁文章
224
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
