使用Javascript修改外部SVG图像

<img src="image.svg" id="svgImage">

var svgImage = document.getElementById('svgImage');

svgImage.addEventListener('load', function() {
  // 在这里进行SVG图像的修改操作
});

svgImage.addEventListener('load', function() {
  var svgDoc = svgImage.contentDocument;
  // 在svgDoc中进行SVG图像的修改操作
});

svgImage.addEventListener('load', function() {
  var svgDoc = svgImage.contentDocument;
  var circle = svgDoc.getElementById('circle');
  circle.setAttribute('fill', 'red');
});

svgImage.addEventListener('load', function() {
  var svgDoc = svgImage.contentDocument;
  var circle = svgDoc.getElementById('circle');
  circle.setAttribute('fill', 'red');
  
  var svgData = new XMLSerializer().serializeToString(svgDoc);
  var svgUrl = 'data:image/svg+xml;charset=utf-8,' + encodeURIComponent(svgData);
  svgImage.setAttribute('src', svgUrl);
});