JSFiddle - React, Tailwind, and code Playground

by mvasilkov

HTML

<p>Есть ли какие-то способы рисовать шестиугольники на элементе типа "Canvas", не используя .lineTo и .moveTo?
</p>
<canvas id="out" width="400" height="400">

JavaScript

var canvas = document.getElementById("out").getContext("2d")

canvas.translate(200, 200)

for (var i = 0; i < 6; ++i) {
    canvas.fillRect(-40, -69, 80, 2)
    canvas.rotate(Math.PI / 3)
}