在画布中模拟 background-size: cover

10 浏览
0 Comments

在画布中模拟 background-size: cover

我正在画布上绘制图片，像这样：

ctx.drawImage(data[i].image, data[i].pos.x, data[i].pos.y, data[i].pos.w, data[i].pos.h);

图片被拉伸了，我不想要这样。我该如何在绘制图片到画布上时模拟CSS属性？

background-size: cover

请点击以下链接查看 100% 100%（我当前的情况）和cover（我的目标）之间的区别。

http://www.w3schools.com/cssref/playit.asp?filename=playcss_background-size&preval=cover

0