[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 闭合子路径

个人简介

我是歌谣,欢迎和大家一起交流前后端知识。放弃很容易,
但坚持一定很酷。欢迎大家一起讨论

主目录

与歌谣一起通关前端面试题