绘制两端带斜角的线段：单line设置linecap还是path填充更简单

首先可以明确：不能通过绘制A到B的单条线段加斜角linecap的方式实现这个形状。
原因很简单：标准的bevel斜角线帽的切面是垂直于线段本身的走向的，而你需要的两个端点斜角是同一朝向，和A-B线段的走向没有垂直对应关系，用默认线帽完全达不到预期效果，就算硬写自定义线帽逻辑反而会徒增工作量。

目前最简单的实现方案就是用path勾勒形状轮廓后填充：你只需要确定四个顶点的坐标（两个斜角端各两个点位），依次连接形成闭合路径后填充即可，逻辑简单好维护，后续要调整斜角角度、形状的长宽参数都只要修改对应顶点坐标就行，实现成本远低于折腾特殊线帽。

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