绘制图像

• ctx.drawImage(img,x,y)：用于将图像绘制到画布

  • img：图像数据，可以是<img>元素，也可以是<canvas>元素
  • x：在目标 canvas 里放置图像的左上角的横坐标
  • y：在目标 canvas 里放置图像的左上角的纵坐标

xxxxxxxxxx
        // 绘制矩形
        ctx.fillStyle = ' #4F191A'
        ctx.fillRect(0, 0, 500, 200)
        //定义绘图函数
        function draw(imgUrl,x,y) {
            // 定义img
            var img = new Image();
            img.src = imgUrl;
            //图片加载完绘制图片
            img.onload = function () {
                ctx.drawImage(img, x, y);
            }
        }
        // 绘制三张图片
        draw('../assets/2.jpg',50,10)
        draw('../assets/3.jpg',200,10)
        draw('../assets/4.jpg',350,10)

实时效果反馈

1.下列描述错误的是：

A ctx.drawImage()可以在画布上面直接绘制一张图片

B 更改drawImage(img,x,y)的第二个第三个参数不会影响图像在画布中的位置

答案

1=>B