html弧形文字

【仅供参考，慢慢调吧同志】求一份参考的文章！！ OvO

viewBox=”0 0 500 350″ 第一个参数：调左右； 第二个参数：调上下 第三个参数：好像是调文字大小，数值越小文字越大 第四个参数：好像也是调上下

d=”M 0,110 C 0 100 200 300 500 110″ M 第一个参数：相当于左margin 第二个参数：数值减小，顺时针旋转；数字增大，逆时针旋转，超过一定值就会扭曲，也不知道为啥； C 第一个参数：数值减小，弧度减小；数值增大，弧度增大； 第二个参数： 第三个参数： 第四个参数： 第五个参数： 第六个参数：数值增大右边下移，数值减小，弧度增大，右边上移动；

startOffset=”50%”：貌似是旋转

html

有效期：2222.22.22-3333.33.33

css

.one { display: flex; justify-content: center; border: 1px solid red; height: 100vh;}svg text { fill: #ffead6;/* 文字颜色 */ text-anchor: middle; /* 文本水平居中 */ font-size: 24px; letter-spacing: 1px; text-shadow: 0.5px 0.5px 2px #b9120c;}