AI应用｜阴影部分的周长（三角形内扇形）.html（附制作过程）

内容来自人教六上数学“圆”单元练习题。

在线网址 🔗https://edui123.com/yybfzc1/

附：制作过程 👀

根据附件图里的图形，制作一个极简全屏自适应 svg 单网页 html。默认显示一个正三角形，里面有3个扇形，分别是以三角形3个顶点为圆心，以三角形边长的中点为半径，圆心角是正三角形的60度，剩余中间用阴影表示。

1.底部保留虚线三角形和中间淡灰色填充。2.上方叠放3个扇形，这3个扇形可以自由拖动改为位置，也可以点击右侧图形上方出现旋转按钮，点击进入旋转模式，设定旋转中心，拖动旋转

1.默认的三个叠放的扇形也是半径用虚线，弧线深色描边，内部不填充。2.自动演示按钮，第一步右侧扇形向左平移一个三角形的边长，形成右扇形的顶点和左扇形的顶点重合。3.第二步自动演示，上方的扇形绕着左边三角形边的中点为圆心逆时针旋转180度。

1.默认三角形中间填充用淡蓝色。2.自动演示改为上一步、下一步控制按钮，最后一步演示完成之后自动把下一步改为重置按钮。3.点击下一步，如果没有手动高亮弧线的橙色，则自动高亮颜色，等待500ms 之后再自动；