微信公众号推文svg点击交互的方法

时间:2024-03-07 19:35:41

微信公众号推文svg点击交互的方法

先来个简单的例子

点击空白出出现文字

<section class="_135editor" >
    <svg width="420" height="700" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
        <text font-family="microsoft yahei" font-size="120" y="160" x="160" opacity="0">
           文字
            <animate attributename="opacity" from="0" to="1" begin="click" fill="freeze" dur="3s"></animate>
        </text>
    </svg>
</section>