При использовании ctx.moveto () с HTML Canvas Tag Ctx.arc (), moveto () рисует линию ⇐ Html

[Anonymous]

С целью улучшения себя и, поскольку мне было скучно, я изучал теги холста в HTML, следуя документу Мозиллы, и мы рисовали там лицо. Я попытался сделать лицо, которое дано Mozilla, но линии появились на моем лице из-за значений, и я не знаю, почему. < /P>

Код: Выделить всё

const canvas = document.querySelector(".canvas");
const ctx = canvas.getContext("2d")

ctx.beginPath()
ctx.arc(75, 75, 60, 0, Math.PI * 2, true)
ctx.moveTo(40, 40)
ctx.arc(50, 50, 10, 0, Math.PI * 2, true)
ctx.moveTo(60, 50)
ctx.arc(100, 50, 10, 0, Math.PI * 2, true)
ctx.moveTo(110, 110)
ctx.arc(80, 110, 30, 0, Math.PI, true)
ctx.stroke()< /code>

Ожидаемое лицо:


Подробнее здесь: https://stackoverflow.com/questions/795 ... aws-a-line