一.使用图片
src:设置图片的地址。
onload:图片加载完立即执行。
drawImage的参数解析:
ctx.drawImage(image,100,100,400,200);
第一个参数:图片元素。
第二、三个参数:表示x坐标、y坐标。
第四、五个参数:表示图片的宽度、高度。
ctx.drawImage(image,100,100,400,200,90,90,50,50);
除了image之外,前四个参数用来描述图片,后四个参数用来描述切片(从图片中切出来的片)。
(100,100)是某部分图片的位置;400,200是图片的宽度和高度。
(90,90)是一个切片在画布上的位置;50,50是切片的宽度和高度。
二.源码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset=&#