컬렉션을 사용해 정리하기
내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요.
차단 > 유틸리티 > svgPaths > 줄
utils.svgPaths.line() 함수
주어진 모든 지점을 연결하는 여러 개의 선을 순서대로 그립니다. 이것은 일련의 'l'과 명령어와 함께 사용하면 됩니다 이 좌표는 단위가 없으므로 사용자 좌표계입니다. developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Paths#Line_commands를 참조하세요.
서명:
export declare function line(points: string[]): string;
매개변수
매개변수 |
유형 |
설명 |
포인트 |
문자열[] |
선을 순서대로 그릴 모든 점을 포함하는 배열입니다. 점은 ' dx,dy '). |
반환:
문자열
' l (dx,dy)+ '
달리 명시되지 않는 한 이 페이지의 콘텐츠에는 Creative Commons Attribution 4.0 라이선스에 따라 라이선스가 부여되며, 코드 샘플에는 Apache 2.0 라이선스에 따라 라이선스가 부여됩니다. 자세한 내용은 Google Developers 사이트 정책을 참조하세요. 자바는 Oracle 및/또는 Oracle 계열사의 등록 상표입니다.
최종 업데이트: 2024-08-22(UTC)
[[["이해하기 쉬움","easyToUnderstand","thumb-up"],["문제가 해결됨","solvedMyProblem","thumb-up"],["기타","otherUp","thumb-up"]],[["필요한 정보가 없음","missingTheInformationINeed","thumb-down"],["너무 복잡함/단계 수가 너무 많음","tooComplicatedTooManySteps","thumb-down"],["오래됨","outOfDate","thumb-down"],["번역 문제","translationIssue","thumb-down"],["샘플/코드 문제","samplesCodeIssue","thumb-down"],["기타","otherDown","thumb-down"]],["최종 업데이트: 2024-08-22(UTC)"],[[["The `utils.svgPaths.line()` function generates SVG path data for drawing consecutive lines connecting a series of points."],["It accepts an array of points, formatted as ' dx,dy ', representing the change in x and y coordinates from the current position."],["The function returns a string suitable for use within an SVG path element's 'd' attribute, composed of 'l' commands and coordinate pairs."],["This function simplifies creating connected line segments within SVG graphics, offering a more concise alternative to manually constructing 'l' commands."]]],[]]