Как должен выглядеть встроенный SVG

#xml #html #svg #w3c

#xml #HTML #svg #w3c

Вопрос:

Я хочу иметь возможность стилизовать / изменять различные части / пути svg, используя css или jquery

После некоторого поиска я понимаю, что это невозможно сделать с помощью svg-xml как есть (без использования дополнительного скрипта js / jquery или другого)

Итак, теперь я перейду к встроенному svg

Как должен выглядеть полный тег? Я имею в виду правильную разметку

Это то, что у меня есть:

 <svg width="200" height="200" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 492.69 617.696">
  <circle fill="#FFFFFF" stroke="#00ABEB" stroke-width="32" stroke-miterlimit="10" cx="246.16" cy="222.62" r="206.843" />
  </g>
</svg>

Мне вообще нужны все версии =»1.1″ xmlns =»http://www.w3.org/2000/svg » xmlns:xlink=»http://www.w3.org/1999/xlink » ?

Ответ №1:

xmlns="http://www.w3.org/2000/svg" и xmlns:xlink="http://www.w3.org/1999/xlink" не требуются, если вы обслуживаете страницу как текст / html, они требуются только для XML-документов.

Все пользовательские интерфейсы, о которых я знаю, игнорируют version атрибут, поэтому вы также можете его опустить.

Однако у вас не </g> может быть тега без начального <g> тега, поэтому ваша разметка там недопустима.