如何使一个弯曲的项目收缩在第二轴?
例如,我有一个容器,里面有很多物品。它们都位于列中,但我希望它们的宽度也可以缩小:
.container {
display: flex;
flex-direction: column;
.item {
width: 200px;
flex: 0 1 @item-height;
//flex-shrink here means Y-axis. How to set flex-shrink for X-axis??
}
}
我一直在尝试将react代码中的HTML节点转换为Image,然后下载它。有几个库我们可以用来为我们完成这项工作,比如html- to -image,dom-to-image。但问题是,这些库以其视图大小下载图像,而不是以其原始大小。如果我有一个响应迅速的HTML div,它会随着窗口大小的变化而扩展和缩小,我希望将该HTML转换为原始尺寸的图像。我该怎么做呢?