html2canvas - html2canvas for div small 并且需要大图像作为高分辨率图像包含在其中？

Question

我创建了包含高分辨率图像（400X400）的html div（即100X100）元素。并且当捕获它在网页（100X100）上生成具有相同显示的图像时，我想生成比 div 元素更大（200X200）的图像。我无法理解这怎么可能..可以帮助我，谢谢。

Answer 1

Here is a FIDDLE.

The upper div is an image 400x400, shrunk to 100x100.

The middle div is an image 400x400, shrunk to 50x50.

The bottom div is an image 50x50, enlarged to 100x100. - You can see "blurring" and pixelation.

CSS

.picturediv {
    width: 100px;
    height: 100px;
    border: 4px solid blue;
    margin: 0px auto;
}
.picturediv:nth-child(1) img {
    height: 100px;
    width: 100px;
}
.picturediv:nth-child(2) img {
    height: 50px;
    width: 50px;
}
.picturediv:nth-child(3) img {
    height: 100px;
    width: 100px;
}