一张图理解drawImage()方法的参数

/ 0评 / 0

先来一段基于 Canvas 2D API 的图片绘制方法:

var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
var image = document.getElementById('source');
ctx.drawImage(image, 33, 71, 104, 124, 21, 20, 87, 104);

参数解释如下:

void ctx.drawImage(image, dx, dy);
void ctx.drawImage(image, dx, dy, dWidth, dHeight);
void ctx.drawImage(image, sx, sy, sWidth, sHeight, dx, dy, dWidth, dHeight);
drawImage

发表评论

电子邮件地址不会被公开。 必填项已用*标注