预设方案:
底色:
券
PREMIUM CERTIFICATE
双 1/8 圆弧带边框卡片
抵扣面值
¥ 388.00
边框配置
1.5px 实线边框
四角双 1/8 凸圆,边框随形勾勒
立即使用 →
角部边框 4x 放大镜
几何与边框参数调节
边框配置 (Border / Stroke)
边框粗细 (Border Width)
1.5px
0px (无边框)
1.5px (精致)
8px (粗轮廓)
边框颜色 (Border Color)
#e2e8f0
45°交汇点内凹深度比率 (pinchRatio)
0.50
0.10 (微凹)
0.50 (经典)
1.00 (最大折角)
拐角跨度 (Corner Span R)
18px
宽度 (Width)
380px
高度 (Height)
260px
卡片填充底色
即用代码 (SVG Background + HTML)
带边框实现说明:
通过将精准计算的 双 1/8 凸圆 Path 路径 赋给 SVG 容器,不仅完美支持任意
stroke(边框色)、stroke-width(边框粗细)和 stroke-dasharray(虚线),而且在高清屏上边缘绝无锯齿,内部内容自由排版。