文章编号：2011 / 更新时间：2024-12-30 20:04:23 / 浏览：次

该方法可在画布上绘制某个指定的图像或视频，参数为图像的位图数据。

语法

drawImage(image, dx, dy)
drawImage(image, dx, dy, dw, dh)
drawImage(image, sx, sy, sw, sh, dx, dy, dw, dh)

• image 必需。要绘制的图像或视频。
• dx 可选。绘制的图像左上角的 x 坐标。
• dy 可选。绘制的图像左上角的 y 坐标。
• dw 可选。绘制图像的宽度。
• dh 可选。绘制对齐。

示例

绘制整个图像

var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");
var image = new Image();
image.onload = function() {ctx.drawImage(image, 0, 0);
};
image.src = "image.png";

绘制缩放图像

var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");
var image = new Imac/th>版本Chrome所有版本Firefox所有版本Safari所有版本Edge所有版本Opera所有版本

相关标签： 方法、 drawImage、 drawImage、

本文地址：https://www.qianwe.com/article/3bbfffd7a7ab9d671573.html

上一篇：rapidxml高性能CXML库rapid洗衣机什么功能...
下一篇：rapidxml一个快速的轻量级简单易用的CXML解...