如何解决每次填充属性更改时 svg 路径的淡入效果
我有一个通过 javascript 更改路径填充图像的设置。我想在浏览器上显示对用户更友好的图像更改。所以我试图为路径添加淡入效果。代码示例:
<defs>
<pattern class="img" id="img2" x="0" y="0" width="1" height="1">
<image class="h-full" xlink:href="images/image-2.jpg"/>
</pattern>
</defs>
<defs>
<pattern class="img" id="img1" x="0" y="0" width="1" height="1">
<image class="h-full" xlink:href="images/image-1.jpg"/>
</pattern>
</defs>
<path class="fade-in" id="slider-img" fill="url(#img1)" d="M961 97.5L0 97V646H637.641L961 97.5Z"/>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。