canvas不规则多边形的移动

如何使不规则多边形不超出画布边界

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

先计算出 x,y的最大最小值，
当x最小值<0,则把所有点的x坐标都加上 0-x最小值。
当x最大值>画布宽度,则把所有点的x坐标都减去 x最大值-画布宽度。
y坐标同上