.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;
本文主要参考：张鑫旭博客如何让文字作为CSS背景图片显示？
                    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' domina
				
1.执行cnpm i，如果不想自己下载，node_modules已经下载好并放入项目里，直接解压到根目录即可。
2.将svg（可以自己制作，也可以网络字体网站获取）放入svgs文件夹
3.npm start生成字体：WOFF,SVG,EOT,OTF/TTF。
				
There are two kinds of watermarks regularly used in web development:
 Web开发中经常使用两种水印： 
Page watermarks, used to enhance brand awareness.
 页面水印，用于增强品牌知名度。 Image and video watermarks, used to declare ow...
svg模板
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="300px" height="160px" viewBox="0 0 300 160">