css - 如何缩放图像并保持线条粗细？

Question

我有一个线条艺术，页面上的动画透明 gif，用 Photoshop 制作。

#img01{
    max-width:79%;
    max-height:79%;
    margin-top:3vh;
}

在小屏幕（移动）上，线条粗细太细，而在超过 1024px 的屏幕上线条太粗？有没有办法只缩放图像的大小，并保持绘图的厚度？

Answer 1

GIF 是一种基于光栅的图像格式。没有办法很好地（并且自动地）修改这样的图像。您正在寻找的是基于矢量的图像/动画格式。

有两个明显的候选人：

• 闪光
• SVG（可缩放矢量图形）