如何在画布上设置背景大小封面

Question

我使用画布对boostrap轮播图像进行模糊效果。基本上，轮播图像设置为背景大小封面，因此图像将根据窗口大小进行裁剪。我想对画布图像做同样的事情。有任何想法吗？谢谢你！

Answer 1

这个片段可以解决问题。

var aspectheight = h * (canvas.width / w);
var heigthoffset = ((aspectheight - canvas.height) / 2) * -1;
ctx.drawImage(image, 0, heigthoffset, canvas.width, aspectheight);

其中h和w是正在渲染的图像的宽度和高度，而图像是该图像。