P5.js 한국어 참조 (ellipseMode)
5125 단어 p5.jsprocessing자바스크립트
ellipseMode()
설명문
ellipse(), circle(), arc() 로 지정된 파라미터의 해석 방법을 변경하는 것으로, 타원이 렌더링 되는 위치를 변경합니다.
기본 모드는 ellipseMode(CENTER)입니다. 이것은, ellipse() 의 최초의 2 개의 파라미터를 형상의 중심점으로서 해석해, 3 번째와 4 번째의 파라미터는 그 폭과 높이입니다.
ellipseMode(RADIUS) 도 모양의 중심점으로 ellipse() 의 처음 두 매개 변수를 사용하지만 세 번째와 네 번째 매개 변수를 사용하여 모양의 너비와 높이의 절반을 지정합니다. .
ellipseMode(CORNER) 는 ellipse() 의 최초의 2 개의 파라미터를 형상의 좌상구석으로 해석해, 3 번째와 4 번째의 파라미터는 그 폭과 높이입니다.
ellipseMode(CORNERS) 는, ellipse() 의 최초의 2 개의 파라미터를 타원의 경계 박스의 1 개의 코너의 위치로서 해석해, 3 번째와 4 번째의 파라미터를 반대측의 코너의 위치로서 해석합니다.
JavaScript는 대문자와 소문자를 구별하는 언어이므로 모든 매개 변수는 대문자로 작성해야합니다.
구문
ellipseMode(mode)
매개변수
상수 : CENTER, RADIUS, CORNER, CORNERS 중 하나
예 1
function draw() {
ellipseMode(RADIUS); // ellipseMode を RADIUS に設定します
fill(255); //塗りつぶしを白に設定します
ellipse(50, 50, 30, 30); // RADIUS モードを使用して半径30(直径60)の白い楕円を描画します
ellipseMode(CENTER); // ellipseMode を CENTERに設定します
fill(180); //塗りつぶしを灰色に設定します
ellipse(50, 50, 30, 30); // CENTER モードを使用して直径30の灰色の楕円を描画します
}
실행 결과
예 2
noFill();
stroke(255, 0, 0);
rect(25, 25, 50, 50);
stroke(0);
ellipseMode(CORNER); // ellipseMode を CORNERに設定します
fill(255); //塗りつぶしを白に設定します
ellipse(25, 25, 50, 50); // CORNER モードを使用して白い楕円を描画します
ellipseMode(CORNERS); // ellipseMode を CORNERS に設定します
fill(180); //塗りつぶしを灰色に設定します
ellipse(25, 25, 50, 50); // CORNERSモードを使用して灰色の楕円を描画します
실행 결과
저작권
p5.js was created by Lauren McCarthy and is developed by a community of collaborators, with support from the Processing Foundation and NYU ITP. Identity and graphic design by Jerel Johnson.
라이센스
Creative Commons(CC BY-NC-SA 4.0)를 따릅니다.
Reference
이 문제에 관하여(P5.js 한국어 참조 (ellipseMode)), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/bit0101/items/b89641efbbdbafea0989텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)