svg点击弹窗

svg点击弹窗

        <svg  style="background-image: url(https://oss.knowway.cn/zhongliangct/hou2.jpg);background-repeat: no-repeat;background-size: 100% 100%;opacity:1" viewBox="0 0 750 2286">
            <g pointer-events="visible" style="opacity: 1;"><foreignObject x="370" y="100" width="178" height="690"><svg powered-by="yutustudio666" style="display: inline-block;background-image: url(&quot;https://mmbiz.qpic.cn/mmbiz_png/OObmU4Bsde1WgAlBYulyFHFRflriaKfvXd2KXyJiaxMRXE9l1orZguurWjxq6BmiaQGqwicfafTeZ4PQtracUldnqA/640?wx_fmt=png&quot;);background-repeat: no-repeat;background-size: 100% 100%;" viewBox="0 0 178 562"></svg></foreignObject><animate attributeName="opacity" begin="click" dur="1s" values="0;1" restart="never" fill="freeze"></animate></g>
        </svg>


如果遇到什么不懂的地方直接关注公众号留言(本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须在文章页面给出原文连接,否则保留追究法律责任的权利。)
作者:newmiracle
出处:https://www.cnblogs.com/newmiracle/

 
原文地址:https://www.cnblogs.com/newmiracle/p/15222700.html