canvas 写入图片自适应大小设置

你可以使用 canvas 的 drawImage 方法来实现图片自适应大小设置。首先需要获取到图片的宽度和高度，然后根据 canvas 的宽度和高度计算出图片需要显示的大小。具体实现可以参考以下代码：

// 获取图片元素和 canvas 元素
var img = document.getElementById('img');
var canvas = document.getElementById('canvas');

// 获取图片宽度和高度
var imgWidth = img.width;
var imgHeight = img.height;

// 计算图片需要显示的大小
var canvasWidth = canvas.width;
var canvasHeight = canvas.height;
var scale = Math.min(canvasWidth / imgWidth, canvasHeight / imgHeight);
var displayWidth = imgWidth * scale;
var displayHeight = imgHeight * scale;

// 渲染图片到 canvas 上
var context = canvas.getContext('2d');
context.drawImage(img, 0, 0, displayWidth, displayHeight);

这样就可以实现将图片在 canvas 上自适应显示的效果。