qq_37583141
南烟i
采纳率13.3%
2018-07-24 02:09 阅读 1.5k

canvas不规则多边形的移动

5

红色为不规则图形,黑色图片背景为canvas大小如何使不规则多边形不超出画布边界

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 复制链接分享

2条回答 默认 最新

  • LiebeULQQ Stardust1001 2018-07-25 01:30

    HTML5 的 Canvas 是吗?如果可以的话,使用 SVG 可能这个比较好实现, SVG 的话就是元素,元素可以调用 getBoundingClientRect() 来判断边界。如果是这种Canvas的话,方法肯定还是有的,不过稍微麻烦了点。既然是多边形,那么可以对每个顶点进行判断,来检测是否超出画布边界

    点赞 评论 复制链接分享
  • jslang 天际的海浪 2018-07-25 07:23
    先计算出 x,y的最大最小值,
    当x最小值<0,则把所有点的x坐标都加上 0-x最小值。
    当x最大值>画布宽度,则把所有点的x坐标都减去 x最大值-画布宽度。
    y坐标同上
    
    
    点赞 评论 复制链接分享

相关推荐