我已经创建了一个拥有3000多条路径的怪物动画SVG文件。每个路径使用声明式SMIL动画独立动画。它在所有新浏览器中播放得很慢,但很漂亮,使用了一些js作为IE9的后盾。(我会发布一个链接,但它不会澄清任何事情。)
我使用HTML5和内联SVG开发了页面。就在我完成的时候,我意识到我不想强迫移动浏览器窒息这个巨大的文件。因此,我将svg移动到一个外部文件,并将所有xml声明添加回。在页面中的重要信息已经呈现之后,我使用一些条件逻辑和一些教科书的ajax调用外部svg:
function loadThatSvg(){
var xhr = new XMLHttpRequest;
x
我有SVG元素,我使用JavaScript动态创建用animateMotion元素创建的循环元素。圆圈应动态跟随SVG路径。我将endEvent侦听器附加到AnimateMotion元素,所以在完成动画之后,创建的循环元素应该从DOM中删除,整个过程应该重新开始。它适用于第一次动画,但对另一次迭代则不起作用。密码在下面-我哪里出错了?
const test = document.getElementById('test');
function createAnimation() {
const circle = document.createElementNS(