Заглавные буквы в атрибутах html

Question

Я хочу добавить анимацию на свой график. Я использую jquery (добавить), чтобы добавить тег анимации на мою html страницу, но анимация не работает. Атрибуты тегов анимации, такие как attributename или repeatcount, содержат одну заглавную букву, и если я добавлю ее с помощью метода attr или другого, заглавная буква игнорируется, и анимация не работает.

<rect fill="#555" width="2" height="2" x="0" y="0">  
  <animate attributename="x" from="0" to="0" attributename="XML" dur="1.5s" repeatcount="indefinite"></animate>
  <animate attributename="y" from="0" to="0" attributetype="XML" dur="1.5s" repeatcount="indefinite"></animate>
</rect>

Answer 1

Это потому, что вы перемещаетесь от 0 к 0. Если вы попытаетесь поставить заглавные буквы и указать ящику двигаться (скажем, от 0 до 2), вы кое-что увидите:)

<svg viewBox="0 0 10 10">
  <rect fill="#555" width="2" height="2" x="0" y="0">
    <animate attributeName="x" from="0" to="2" attributeName="XML" dur="1.5s" repeatCount="indefinite"></animate>
    <animate attributeName="y" from="0" to="2" attributeType="XML" dur="1.5s" repeatCount="indefinite"></animate>
  </rect>
</svg>