画布对每个人的日常发展都不陌生。无论您是否使用过它的API，但是项目中还有更多阴影，大致如下
帆布具有默认情况下绘制矩形和圆圈的方法，但是如果要自定义图形，则只能使用连接行的方法。让我们定义规则。在绘图模式下，鼠标的第一个点是起点。鼠标在画布中的位置始终连接到起点。当绘图点超过两个时，直接设置了起点的坐标。
PATH2D这是声明路径的Canvas 2D API的接口。该界面非常重要，因为帆布不支持诸如SVG之类的DOM操作，并且自然互动性个性更糟，因此我的门需要保存道路以准备后来的操作以准备后来的操作。无用。目前，Ispointinpath派上用场。顾名思义，此API是确定画布上的坐标是否在图形闭合路径中，返回值false或true，因此我们单击的点是鼠标clicks.origin的点。绘制一个半径为10的圆圈（只是为了方便点击）。以下称为锚点均匀地称为锚点，然后记录了画布上锚点的路径。在触发下，多边形多边形上层的上层的锚点不再被绘制。
这里有三个有关鼠标事件的示例。OnMousemove和OnClick，OnMouseUp，OnClick是确定多边形的顶点。OnMouseUp是要更改鼠标的目标光标，即onMousemove仪式，以动态绘制鼠标坐标和起点坐标路径。
画布的图形中仍然有很多操作内容。这次，我只是分享绘制多边形的想法。接下来的事情是拖动和拉伸图形顶点。
代码门户