svg放大縮小圖片
阿新 • • 發佈：2021-09-08
svg放大縮小圖片
<svg powered-by="yutustudio666" style="display: inline-block;background-image: url("https://mmbiz.qpic.cn/sz_mmbiz_jpg/XwPHOVW1tsefhpLOT0peWQTlITdGGnTFST78hZndnH3eTibwWx0002KakDiaSObftG1ybOvkbpibyPWE7WTib8xdDQ/640?wx_fmt=jpeg");background-repeat: no-repeat;background-size: cover;background-color: #ffffff;" viewBox="0 0 1280 1842"><animate attributeName="opacity" values="1;0;0" keyTimes="0;.001;1" dur="600s" begin="click" fill="freeze" restart="never"></animate><g><circle cx="970" cy="1130" r="40" fill="none" stroke="#ffffff" stroke-width="3"></circle><circle cx="970" cy="1130" r="15" fill="#ffffff"><animate attributeName="r" values="15;30;15" dur="1s" repeatCount="indefinite"></animate></circle></g><g pointer-events="visible"><animateTransform attributeName="transform" type="translate" values="0 0;5000 0;5000 0" keyTimes="0;.000001;1" dur="300s" begin="click" fill="freeze" restart="never"></animateTransform><set attributeName="visibility" from="visible" to="hidden" dur="1ms" begin="click" fill="freeze" restart="never"></set><rect x="0" y="0" width="1280" height="1842" opacity="0"></rect></g></svg><svg powered-by="yutustudio666" style="display: inline-block;background-image: url("https://mmbiz.qpic.cn/sz_mmbiz_jpg/XwPHOVW1tsefhpLOT0peWQTlITdGGnTFST78hZndnH3eTibwWx0002KakDiaSObftG1ybOvkbpibyPWE7WTib8xdDQ/640?wx_fmt=jpeg");background-repeat: no-repeat;background-size: cover;background-color: #ffffff;" viewBox="0 0 1280 1842"><animate attributeName="opacity" values="1;0;0" keyTimes="0;.001;1" dur="600s" begin="click" fill="freeze" restart="never"></animate><g><circle cx="970" cy="1130" r="40" fill="none" stroke="#ffffff" stroke-width="3"></circle><circle cx="970" cy="1130" r="15" fill="#ffffff"><animate attributeName="r" values="15;30;15" dur="1s" repeatCount="indefinite"></animate></circle></g><g pointer-events="visible"><animateTransform attributeName="transform" type="translate" values="0 0;5000 0;5000 0" keyTimes="0;.000001;1" dur="300s" begin="click" fill="freeze" restart="never"></animateTransform><set attributeName="visibility" from="visible" to="hidden" dur="1ms" begin="click" fill="freeze" restart="never"></set><rect x="0" y="0" width="1280" height="1842" opacity="0"></rect></g></svg>
如果遇到什麼不懂的地方直接關注公眾號留言(本文版權歸作者和部落格園共有，歡迎轉載，但未經作者同意必須在文章頁面給出原文連線，否則保留追究法律責任的權利。)
作者：newmiracle
出處：https://www.cnblogs.com/newmiracle/