如何去除SVG外层路径的圆角边框并实现直角矩形

直接替换曲线为直线 #

原SVG路径用c（三次贝塞尔曲线）、q（二次贝塞尔曲线）实现圆角，要改成直角矩形，只需把这些曲线命令换成L（直线到），连接四个顶点后闭合路径即可。

修改好的完整SVG路径 #

M1557.69,0.15 L8930.86,0.15 L8930.86,10666.83 L1557.69,10666.83 Z
M1690,5059.49 L7245.32,5059.49 L7245.32,10627.53 L1690,10627.53 Z
M2932.53,1377.88 L6013,1377.88 L6013,4487.47 L2932.53,4487.47 Z

简单说明逻辑 #

• 外框：从原路径中提取四个边缘极值点，用直线直接连接闭合；
• 中间矩形：参照原路径的起始、终点坐标，确定四个顶点后用直线连接；
• 内框：同理，提取原路径的边界坐标生成直角矩形路径。

这样修改后，所有圆角都会被替换为直角，无需在工具里手动调整曲线。

内容的提问来源于stack exchange，提问作者user17631451