最后一步是返回CSS,并为每个多边形的内联样式定义一些我不想做的样式。 最初,我对每个多边形都有一点填充,这是一个很酷的效果,但是由于浏览器尝试每20毫秒刷新一次,因此大大降低了浏览器的速度。
polygon#c.white {
width: 100vw;
height: 100vh;
fill: transparent;
overflow: visible;
background-color: transparent;
}
polygon#d.white2 {
width: 100vw;
height: 100vh;
fill: transparent;
overflow: visible;
background-color: transparent;
}
polygon#e.white3 {
width: 100vw;
height: 100vh;
fill: transparent;
overflow: visible;
background-color: transparent;
}
polygon#f.white4 {
width: 100vw;
height: 100vh;
fill: transparent;
overflow: visible;
background-color: transparent;
}