开发者社区> 问答> 正文

在html5中用svg实现模糊效果的途径有哪一些?

在html5中用svg实现模糊效果的途径有哪一些?

展开
收起
游客3gzok77e677xw 2022-03-28 18:10:00 414 0
1 条回答
写回答
取消 提交回答
  • <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>无标题文档</title>
    </head>
    <body>
        <svg xmlns="http://www.w3.org/2000/svg" version="1.1">
            <defs>
                <filter id="keai" x="0" y="0">
                    <feGaussianBlur in="SourceGraphic" stdDeviation="10" />
                </filter>
            </defs>
        <rect width="150" height="100" stroke="red" stroke-width="5"
      fill="#7EC0EE" filter="url(#keai)" />
        </svg>
    </body>
    </html>
    
    

    效果演示图:

    image.png

    2022-03-28 18:16:04
    赞同 展开评论 打赏
问答分类:
问答标签:
问答地址:
问答排行榜
最热
最新

相关电子书

更多
《零基础HTML入门教程》 立即下载
天猫 HTML5 互动技术实践 立即下载
天猫HTML5互动技术实践 立即下载