Eigentlich ist es sehr einfach, man braucht nur die Methode moveTo und lineTo . Ein Beispiel zum Zeichnen eines einfachen Dreiecks,

Und wenn Sie darüber nachdenken, brauchen Sie keine drawPolygon -Methode. Es wird meiner Meinung nach nicht so umfassend genutzt.

Es gibt eine drawPolyStar -Methode, mit der Sie geometrische Formen zeichnen können. Ссылка

Alles unregelmäßige Sie können die Methoden Shape lineTo und moveTo verwenden, die von @quik_silv früher erwähnt wurden (denken Sie daran, einen Strich zu beginnen oder zuerst zu füllen, bevor Sie zeichnen).

Drittanbieter-Tools können komplexere Formen wie Flash CC (mit dem Toolkit für CreateJS oder dem neuen Canvas-Dokument) exportieren. Das DrawScript-Plugin für Illustrator erleichtert das Exportieren von Illustrator-Pfaden zu CreateJS, einschließlich des kompakten Formats. Ссылка

Prost.

Ich war überrascht, dass diese Funktionalität fehlte, also ging ich weiter und schrieb es.

Dies wird eine drawPolygon() -Methode zu dem Grafikobjekt hinzufügen, das auf 3 Arten aufgerufen werden kann.

Punkte als separate Argumente drawPolygon(x, y, p1x, p1y, p2x, p2y, ...)

Zeigt als Array von Arrays drawPolygon(x, y, [[p1x, p1y], [p2x, p2y], ...])

Zeigt als ein Array von Objekten drawPolygon(x, y, [{x:p1x,y:p1y}, {x:p2x,y:p2y}, ...])

ZB:

Sehen Sie eine Arbeitsgeige bei Ссылка

Der einfachste Weg ist, eine PolyStar zu zeichnen

JS-Code:

Ergebnis:

_{Ändere den Wert von sides , um ein Polygon zu erstellen. Sie können die Form auch mit angle drehen.}