当我将带有SVG动画图像的div注入到Bootstrap 5 Off Canvas内的HTML中时,然后以编程方式显示,只有在打开与浏览器集成的开发工具时,动画才会开始.
$("#myDiv").html('<div class="" style="image-rendering: auto;"><img src="/img/loading-spinner.svg"></div>');
我使用的是Chrome,119.0.6045.161(官方版本)(64位)
当我将带有SVG动画图像的div注入到Bootstrap 5 Off Canvas内的HTML中时,然后以编程方式显示,只有在打开与浏览器集成的开发工具时,动画才会开始.
$("#myDiv").html('<div class="" style="image-rendering: auto;"><img src="/img/loading-spinner.svg"></div>');
我使用的是Chrome,119.0.6045.161(官方版本)(64位)
我通过加载带有"svg"标签的svg解决了这个问题,动画立即开始.
<svg width="40" height="40">
<image xlink:href="/img/loading-spinner.svg" width="50" height="50"/>
</svg>