<html>
<head>
<title>Gloomyfish SVG Demo</title>
<style>
#svgContainer {
width:800px;
height:200px;
background-color:#EEEEEE;
}
#left { float: left;}
#right { float: right;}
</style>
</head>
<body>
<div></div>
<div>
<div><img src="https://www.jb51.net/woniu.png" alt="Original image"></div>
<div>
<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
<defs>
<filter x="0" y="0">
<feGaussianBlur in="SourceGraphic" stdDeviation="5" />
</filter>
</defs>
<image x="0" y="0" xlink:href="https://www.jb51.net/woniu.png" filter="url(#f1)"/>
</svg>
</div>
</div>
</body>
</html>
您可能感兴趣的文章: