[html] 使用svg畫一個三角形

效果

Screen Shot 2020-11-13 at 14 39 20
說明

svg 定義svg元素 viewBox 定義svg的畫布大小，0 0 100 100指的是x、y偏移為0，寬高為100(相對單位) <path /> 定義一個路徑元素 fill="..." 定義路徑的填充顏色 d="..." 定義各個頂點的位置 M0,100 移動到點0,100，開始新路徑繪制 H100 水平繪制直線至100，該操作等同于L100,100 L50,0 繪制直線至點50,0 Z 閉合子路徑

個人簡介

我是歌謠，歡迎和大家一起交流前后端知識。放棄很容易，
但堅持一定很酷。歡迎大家一起討論

主目錄

與歌謠一起通關前端面試題

總結

以上是生活随笔為你收集整理的[html] 使用svg画一个三角形的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。