登录

canvas添加、绘制图片、绘图,画图drawImage

我来纠错
//实例
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
var img=document.getElementById("tulip");
ctx.drawImage(img,10,10);

//drawImage() 语法
ctx.drawImage(image, x, y)
ctx.drawImage(image, x, y, width, height)
ctx.drawImage(image, sourceX, sourceY, sourceWidth, sourceHeight,destX, destY, destWidth, destHeight)

//参数描述
image	所要绘制的图像。这必须是表示 <img> 标记或者屏幕外图像的 Image 对象,或者是 Canvas 元素。
x, y	 要绘制的图像的左上角的位置。
width, height	图像所应该绘制的尺寸。指定这些参数使得图像可以缩放。
sourceX, sourceY	图像将要被绘制的区域的左上角。这些整数参数用图像像素来度量。
sourceWidth, sourceHeight	图像所要绘制区域的大小,用图像像素表示。
destX, destY	所要绘制的图像区域的左上角的画布坐标。
destWidth, destHeight	图像区域所要绘制的画布大小。

发送
热门关键词:
命令
知识类型:
标题描述:
详细解答:

提交审核您编辑的知识会经过 前端大牛 人工审核。