svg缩略图_入门秀米SVG的基础认识（3）：SVG的基础设置之图片篇

 

跟苏苏一起

 

每天学点排版干货

 

【这是苏苏的第40篇教程】

上次讲了svg中遮罩层的文字设置，这回如约来说遮罩层的图片设置啦。

老规矩，先上图?。

不愿看详解的可以看这张缩略图。

01

宽高比

之前我们讲了文字的宽高比都是需要手动设置的，而图片因为本身有高度而会经常用到「自动」选项。

例如你想让svg层的高度恰好为遮罩层图片的高度，就可以设为自动。

图片中手动设置的情况更多见于添加的是png或带透明/镂空的gif图。例如之前我们在穿透中用过的案例?