원 안에 획을 그리는 방법?

단발

원 안에 획을 그리는 쉬운 방법이 있습니까 (2 개의 원을 그리지 않고 유사한 해결 방법)? 이렇게하면 :

context.beginPath();
context.arc(200, 200, 93, Math.PI / 2, Math.PI, true);
context.fillStyle = '#FF6A6A';
context.fill();
context.lineWidth = 20;
context.strokeStyle = '#FF0000';
context.stroke();

나는 이것을 얻는다 :

여기에 이미지 설명 입력

스트로크는 내부에 필요하지만 부분적으로 그림 외부 (녹색 원으로 표시)를 그립니다.

Ericjbasti

선 너비를 보정하려면 반지름을 변경해야합니다.

context.beginPath();
context.arc(200, 200, 93, Math.PI / 2, Math.PI, true);
context.fillStyle = '#FF6A6A';
context.fill();
context.lineWidth = 20;
context.strokeStyle = '#FF0000';
context.beginPath();

// the radius of 93 - half the line width
context.arc(200, 200, 93-10, Math.PI / 2, Math.PI, true);

context.stroke();

JS Bin : http://jsbin.com/qamuwumiri/edit?html,js,output

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

안드로이드에서 원을 그리는 방법

분류에서Dev

Android에서 캔버스의 경로 안에 원을 그리는 방법

분류에서Dev

Android에서 이미지에 원을 그리는 방법

분류에서Dev

파이 게임에서 천천히 원을 그리는 방법?

분류에서Dev

각도와 좌표에서 타원을 그리는 방법

분류에서Dev

셀러리-로그에서 '없음'을 지원하는 방법

분류에서Dev

셀러리-로그에서 '없음'을 지원하는 방법

분류에서Dev

캔버스에 부드러운 타원을 그리는 방법

분류에서Dev

Dart에서 StageXL로 점선 원을 그리는 방법

분류에서Dev

MATLAB에서 원형 3D 플롯을 그리는 방법

분류에서Dev

Android지도에 원을 그리는 방법

분류에서Dev

cocos2dx에서 원을 그리는 방법

분류에서Dev

주어진 위치에 원을 그리는 방법?

분류에서Dev

JFrame에서 직사각형과 타원을 그리는 방법

분류에서Dev

Google Maps API에서 투명한 원을 그리는 방법

분류에서Dev

Swift 3에서 원을 그리는 방법

분류에서Dev

Googlemap에서 2 개의 동심원을 그리는 방법

분류에서Dev

SFML에서 여러 원 모양을 그리는 방법

분류에서Dev

앱이 백그라운드에있는 동안 iOS 원격 알림을 처리하는 방법

분류에서Dev

Azure SQL에서 AAD 보안 그룹 구성원 자격을 쿼리하는 방법

분류에서Dev

원 링을 그리는 방법

분류에서Dev

중간에 텍스트로 원을 그리고 원의 배경으로 이미지를 그리는 방법?

분류에서Dev

Android 기본 애플리케이션 활동에서 원을 그리는 방법

분류에서Dev

"원"안에 색상을 반복하는 방법?

분류에서Dev

Font Awesome 5-원 안에 아이콘을 넣는 방법?

분류에서Dev

도형 안에 원을 자르는 방법

분류에서Dev

leaflet.js지도 중앙에 머무르는 원을 그리는 방법

분류에서Dev

파이썬에서 타원의 일반 방정식에서 타원을 그리는 방법

분류에서Dev

HTML 이미지 위에 p5.js 원을 그리는 방법

Related 관련 기사

  1. 1

    안드로이드에서 원을 그리는 방법

  2. 2

    Android에서 캔버스의 경로 안에 원을 그리는 방법

  3. 3

    Android에서 이미지에 원을 그리는 방법

  4. 4

    파이 게임에서 천천히 원을 그리는 방법?

  5. 5

    각도와 좌표에서 타원을 그리는 방법

  6. 6

    셀러리-로그에서 '없음'을 지원하는 방법

  7. 7

    셀러리-로그에서 '없음'을 지원하는 방법

  8. 8

    캔버스에 부드러운 타원을 그리는 방법

  9. 9

    Dart에서 StageXL로 점선 원을 그리는 방법

  10. 10

    MATLAB에서 원형 3D 플롯을 그리는 방법

  11. 11

    Android지도에 원을 그리는 방법

  12. 12

    cocos2dx에서 원을 그리는 방법

  13. 13

    주어진 위치에 원을 그리는 방법?

  14. 14

    JFrame에서 직사각형과 타원을 그리는 방법

  15. 15

    Google Maps API에서 투명한 원을 그리는 방법

  16. 16

    Swift 3에서 원을 그리는 방법

  17. 17

    Googlemap에서 2 개의 동심원을 그리는 방법

  18. 18

    SFML에서 여러 원 모양을 그리는 방법

  19. 19

    앱이 백그라운드에있는 동안 iOS 원격 알림을 처리하는 방법

  20. 20

    Azure SQL에서 AAD 보안 그룹 구성원 자격을 쿼리하는 방법

  21. 21

    원 링을 그리는 방법

  22. 22

    중간에 텍스트로 원을 그리고 원의 배경으로 이미지를 그리는 방법?

  23. 23

    Android 기본 애플리케이션 활동에서 원을 그리는 방법

  24. 24

    "원"안에 색상을 반복하는 방법?

  25. 25

    Font Awesome 5-원 안에 아이콘을 넣는 방법?

  26. 26

    도형 안에 원을 자르는 방법

  27. 27

    leaflet.js지도 중앙에 머무르는 원을 그리는 방법

  28. 28

    파이썬에서 타원의 일반 방정식에서 타원을 그리는 방법

  29. 29

    HTML 이미지 위에 p5.js 원을 그리는 방법

뜨겁다태그

보관