path

Ví dụ

html,
body,
svg {
  height: 100%;
}

<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
  <path
    id="MyPath"
    fill="none"
    stroke="silver"
    d="M10,90 Q90,90 90,45 Q90,10 50,10 Q10,10 10,40 Q10,70 45,70 Q70,70 75,50" />

  <text>
    <textPath
      path="M10,90 Q90,90 90,45 Q90,10 50,10 Q10,10 10,40 Q10,70 45,70 Q70,70 75,50">
      Quick brown fox jumps over the lazy dog.
    </textPath>
  </text>
</svg>

animateMotion

Đối với <animateMotion>, path xác định motion path, được biểu diễn theo cùng định dạng và được diễn giải theo cùng cách như thuộc tính hình học d cho phần tử <path>. Tác động của hoạt ảnh motion path là một phép tịnh tiến dọc theo trục x và y của hệ tọa độ người dùng hiện tại bởi các giá trị x và y được tính theo thời gian.

<path-data>

Giá trị này xác định motion path mà phần tử được tham chiếu sẽ được animate theo đó. Để biết thông tin chi tiết về các lệnh có thể dùng, xem phần giải thích cho thuộc tính d.

textPath

Đối với <textPath>, path xác định đường dẫn mà các glyph của phần tử <text> sẽ được hiển thị theo đó. Một chuỗi rỗng cho biết không có dữ liệu đường dẫn cho phần tử. Điều này có nghĩa là văn bản bên trong phần tử <textPath> sẽ không được hiển thị và không đóng góp vào bounding box của phần tử <text>. Nếu thuộc tính không được chỉ định, đường dẫn được chỉ định trong href sẽ được dùng thay thế.

<path-data>

Giá trị này xác định text path mà các glyph của phần tử <text> được căn theo. Để biết thông tin chi tiết về các lệnh có thể dùng, xem phần giải thích cho thuộc tính d.

Thông số kỹ thuật