html2canvas for div small，需要大图像，因为其中包含高分辨率图像？

Question

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

Answer 1

这是FIDDLE。

上部div是400x400的图像，缩小到100x100。

中间div是400x400的图像，缩小到50x50。

底部div是50x50的图像，放大到100x100。 - 你可以看到“模糊”和像素化。

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;
}