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背景图片显示?