HTML5中引入新的元素canvas蒸甜，其drawImage 方法允許在 canvas 中插入其他圖像( img 和 canvas 元素) 站玄。drawImage函數(shù)有三種函數(shù)原型：
drawImage(image, dx, dy) 在畫布指定位置繪制原圖
drawImage(image, dx, dy, dw, dh) 在畫布指定位置上按原圖大小繪制指定大小的圖
drawImage(image, sx, sy, sw, sh, dx, dy, dw, dh) 剪切圖像警检，并在畫布上定位被剪切的部分：
| 參數(shù) | 描述 |
|---|---|
| img | 規(guī)定要使用的圖像匀借、畫布或視頻 |
| sx | 可選蠢熄。開始剪切圖片的 x 坐標位置 |
| sy | 可選。開始剪切圖片的 y 坐標位置 |
| sw | 可選奔害。被剪切圖像的寬度（就是裁剪之前的圖片寬度楷兽，這里的寬度若小于圖片的原寬。則圖片多余部分被剪掉华临；若大于芯杀，則會以空白填充） |
| sh | 可選。被剪切圖像的高度（就是裁剪之前的圖片高度） |
| dx | 在畫布上放置圖像的 x 坐標位置 |
| dy | 在畫布上放置圖像的 y 坐標位置 |
| dw | 可選雅潭。要使用的圖像的寬度（就是裁剪之后的圖片高度揭厚，放大或者縮放） |
| dh | 可選。要使用的圖像的高度（就是裁剪之后的圖片高度扶供，放大或者縮放） |
第一個參數(shù)image可以用HTMLImageElement筛圆，HTMLCanvasElement或者HTMLVideoElement作為參數(shù)。dx和dy是image在canvas中定位的坐標值椿浓；dw和dh是image在canvas中即將繪制區(qū)域（相對dx和dy坐標的偏移量）的寬度和高度值太援；sx和sy是image所要繪制的起始位置，sw和sh是image所要繪制區(qū)域（相對image的sx和sy坐標的偏移量）的寬度和高度值扳碍。
drawImage.png
