PicSandBox

Назначение страницы SandBox

Пример SVG рисунка инлайн в HTML коде
Еще примеры SVG рисунка инлайн
Text example on SVG picture
Текст минимального корректно сработавшего SVG файла (new.svg) -
<svg width="200" height="200" xmlns="http://www.w3.org/2000/svg">
<circle cx="50" cy="86" r="25" fill="pink" stroke="black"/>
</svg>
fill="pink" - цвет заполнения круга
stroke="black" - цвет линии круга
Можно еще минимальнее (minFileSVG.svg)
<svg xmlns="http://www.w3.org/2000/svg">
<circle r="50"/>
</svg>
Но тогда отображается только четверть круга
Использование тега <g> позволяет назначить параметры для всех графических элементов сразу (tube_02.svg)
<g fill-opacity="1.0" stroke="black" stroke-width="1.5px">
  <circle cx="64px" cy="64px" r="50px" fill="red"/>
  <circle cx="64px" cy="64px" r="40px" fill="white"/>
</g>