SVG polyline 및 polygon 슈퍼 기초

1858 단어 SVG


(왼쪽)
polyline ..... 점을 통해 선을 그립니다.

(오른쪽)
polygon ...

hoge.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>polylineとpolygon</title>
</head>
<body>
    <svg width="500" height="500">
        <!-- polyline .....点を経由して線を引く -->
        <polyline points="100 50 150 100 50 100" stroke="black" fill="none"/>
        <!-- polygon .....点を経由して線を引く、始点と終点で閉じる -->
        <polygon points="250 50 300 100 250 100" stroke="black" fill="none"/>
    </svg>
</body>
</html>

좋은 웹페이지 즐겨찾기