Как сделать глаз, используя arcTo

Я пытаюсь сделать белую часть глаза:

но я не знаю, что я делаю неправильно, может быть, это не предполагает использование arcTo, проблема в том, как сделать угол в глазу?

 function main() {
    var c2d = document.getElementById("acanvas").getContext("2d");	 
    olho(c2d);
}
function olho(c2d) {
	c2d.fillStyle = 'blue';
// starting point
	c2d.fillRect(120, 220, 10, 10);

	c2d.fillStyle = 'red';
// control point one
	c2d.fillRect(155, 220, 10, 10);
// control point two
	c2d.fillRect(190, 220, 10, 10);
	c2d.strokeStyle = "black";
	c2d.beginPath();
	c2d.moveTo(120, 220);
	c2d.arcTo(190, 220, 155, 220, 30);
	c2d.stroke();	
		

}
 <!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <script src="book.js">

    


        </script>
    </head>
    <body onload="main();">
        <canvas id="acanvas" width="1028" height="1028" />
    </body>
</html>
4 голоса | спросил Toshiyuki 30 AMpMon, 30 Apr 2018 00:21:49 +030021Monday 2018, 00:21:49

1 ответ


0
Нарисуйте верхнюю и нижнюю половины отдельно с помощью ---- +: = 0 =: + ---- , вот так:
ответил Lece 30 AMpMon, 30 Apr 2018 02:34:13 +030034Monday 2018, 02:34:13

Похожие вопросы

Популярные теги

security × 330linux × 316macos × 2827 × 268performance × 244command-line × 241sql-server × 235joomla-3.x × 222java × 189c++ × 186windows × 180cisco × 168bash × 158c# × 142gmail × 139arduino-uno × 139javascript × 134ssh × 133seo × 132mysql × 132