绘制图像_缩放图像

• ctx.drawImage(img, x, y, width, height)

  • img：图像数据，可以是<img>元素，也可以是<canvas>元素

  • x：在目标 canvas 里放置图像的左上角的横坐标

  • y：在目标 canvas 里放置图像的左上角的纵坐标

  • width：图像在画布上的宽度

  • height：图像在画布上的高度

xxxxxxxxxx
        function draw(imgUrl, x, y) {
            // 定义img
            var img = new Image()
            img.src = imgUrl
            // 图片加载完后绘制图像

            img.onload = function () {
                // 绘制图像
                ctx.drawImage(img, x, y, 200, 200)
            }
        }
        // 通过遍历绘制九张图片铺满画布
        for (var i = 0; i < 3; i++) {
            for (var j = 0; j < 3; j++) {
                draw('./assets/4.jpg', i * 200, j * 200)
            }
        }

实时效果反馈

1.下列描述错误的是：

A ctx.drawImage(img,x,y,width,height)设置参数width,height的值可以实现图片的缩放

B ctx.drawImage(img,x,y)图片也会缩放

答案

1=>B