Создаем дугу

{"draftJsState":{"blocks":[{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"e8atm"},{"data":{"image":{"id":"5cc067aeae4f3800b29a6bb0"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" ","type":"atomic:image","key":"6rmuu"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Для того чтобы нарисовать дугу в html5, нужно использовать метод arc() контекста. При рисования нужно определить центральную точку, радиус, начальный и конечный угол и направление дуги по часовой или против часовой стрелки.","type":"unstyled","key":"5ccov"},{"data":{"image":{"id":"5cc067ae21f8fc00b33552e7"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"1ina9"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"arc(centerX, centerY, radius, startingAngle, endingAngle, antiClockwise)","type":"blockquote","key":"m7i4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Рисуем дугу:","type":"header-three","key":"3q4c8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" var web_canvas = document.getElementById(\"drawScene\");\n var web_context = web_canvas.getContext(\"2d\");\n var cX = 100;\n var cY = 200;\n var radius = 75;\n var sAngle = 1.1 * Math.PI;\n var eAngle = 2.5 * Math.PI;\n var clockwise = false;\n web_context.arc(cX, cY, radius, sAngle, eAngle, clockwise);\n web_context.lineWidth = 5;\n web_context.strokeStyle = \"#000\";\n web_context.stroke();","type":"blockquote","key":"4tm78"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Схема рисования дуги arc():","type":"header-three","key":"e44d1"},{"data":{"image":{"id":"5cc067ae55863600b3c2dc00"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"123if"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Дуги рисуются по воображаемой окружности центр воображаемой задается переменными CenterX и CenterY после задается радиус окружности в переменной radius. После задается два угла, которые определяют начальную и конечную точку дуги. Последний аргумент задает метод прорисовки дуги от начального до конечного угла - против или по часовой стрелки.","type":"unstyled","key":"dp162"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Полный текст примера:","type":"unstyled","key":"frrvu"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"\n\n\n\nСоздаем дугу\n\n\n\n

\n\n\n","type":"blockquote","key":"frru2"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"marker","key":"RBjPrZl1wm4ackBFe2Vd"}],"entityMap":{}},"mentions":[]}