svg生成页面水印

svg生成页面水印

1、生成svg

通过这个通道快捷生成快速通道
使用安全转义后的

2、使用

.content{
    
    
    background: url("data:image/svg+xml,%3Csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3E%3Ctext x='50%25' y='50%25' font-size='14' fill-opacity='0.5' text-anchor='middle' dominant-baseline='middle' transform='rotate(-45, 100 100)'%3E这是水印%3C/text%3E%3C/svg%3E") repeat;
}

3、效果

参考

本文主要参考：张鑫旭博客如何让文字作为CSS背景图片显示？