SVG <line>

<line> thẻ được sử dụng để tạo đường.

<line> 标签

<line> thẻ được sử dụng để tạo đường.

Vui lòng sao chép mã dưới đây vào Notepad, sau đó lưu tệp dưới dạng "line1.svg". Đặt tệp này vào thư mục web của bạn:

<?xml version="1.0" standalone="no"?>
!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" 
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" version="1.1"
xmlns="http://www.w3.org/2000/svg">
<line x1="0" y1="0" x2="300" y2="300"
style="stroke:rgb(99,99,99);stroke-width:2"/>
</svg>

Giải thích mã:

  • Thuộc tính x1 định nghĩa bắt đầu đường ở trục x
  • Thuộc tính y1 định nghĩa bắt đầu đường ở trục y
  • Thuộc tính x2 định nghĩa kết thúc đường ở trục x
  • Thuộc tính y2 định nghĩa kết thúc đường ở trục y

Xem ví dụ