Ничья в SVG, который уже был нарисован

Я хочу знать, можно ли и как рисовать в уже нарисованном SVG. Предположим, что я нарисовал с помощью SVG что-то, но я хочу добавить еще один элемент, не рисовать снова всю карту или модифицировать исходную треску.Ничья в SVG, который уже был нарисован

источник

2013-05-04 Stanciu Alexandru-Marian

Да, это можно сделать. На самом деле, это одно из преимуществ svg. Вот пример:

<!DOCTYPE html> 
<html> 
    <head> 
     <title>HTML5 SVG demo</title> 
    </head> 

    <body> 
     <h1>SVG DEMO</h1> 
     <svg id="circle" height="200" xmlns="http://www.w3.org/2000/svg"> 
     <circle id="greencircle" cx="30" cy="30" r="30" fill="green" /> 
     </svg> 



     <script type="text/javascript"> 

      var rect = document.createElementNS('http://www.w3.org/2000/svg', 'rect'); 
      rect.setAttributeNS(null,"id", "myrect"); 
      rect.setAttributeNS(null,"fill", "red"); 
      rect.setAttributeNS(null,"stroke", "black"); 
      rect.setAttributeNS(null,"stroke-width", "5"); 
      rect.setAttributeNS(null,"x", "100"); 
      rect.setAttributeNS(null,"y", "100"); 
      rect.setAttributeNS(null,"width", "100"); 
      rect.setAttributeNS(null,"height", "50"); 
      var svg = document.getElementById("circle"); 
      svg.appendChild(rect); 


     </script> 
    </body> 
</html>

источник

2013-05-04 10:47:11 Alex

Большое спасибо! –

Добро пожаловать. – Alex

Ничья в SVG, который уже был нарисован

ответ

Смежные вопросы