Canvas三角形增加边框缺角问题

362 阅读1分钟

7f8c96cecb7b7903022fd5f52656636.jpg

解决办法

  1. 添加一个closePath(),关闭路径点 xxx.closePath()

  2. 可以在添加一个重复点覆盖缺口(不提倡使用,繁琐没有本质上解决问题)

如100X100的画布

    xxx.moveTo(0, 100)
    xxx.lineTo(50, 0)
    xxx.lineTo(100, 100)
    xxx.lineTo(0, 100)
    
    额外添加一个点,使边框重复,覆盖缺角
    xxx.lineTo(50, 0)