> 웹 프론트엔드 > JS 튜토리얼 > 다시는 HTML 캔버스에 줄을 코딩하지 마세요

다시는 HTML 캔버스에 줄을 코딩하지 마세요

Linda Hamilton
풀어 주다: 2024-12-18 13:16:23
원래의
604명이 탐색했습니다.

아침, 오후, 저녁을 Rough.js로 코딩하시겠습니까, 아니면 캔버스 API로 작성하시겠습니까?

Never code lines on the HTML canvas again

아니면 코드를 작성하지 않고 30분 안에 그림을 그리시겠습니까?

Canvascript는 캔버스용 그래픽을 만드는 것처럼 창의적인 작업을 위해 코드를 작성하고 좌표를 추적하는 데 시간을 낭비하지 않도록 하는 코드 없는 오픈 소스 도구입니다.

그래픽을 그린 다음 코드 생성 버튼을 클릭하면 HTML 캔버스에 그래픽을 렌더링하는 코드를 얻을 수 있습니다

Never code lines on the HTML canvas again

직선, 곡선은 물론 자유롭게 그릴 수도 있습니다.

브러시 색상과 폭을 조절할 수 있습니다.

그림을 다시 실행하고 실행 취소하고 저장할 수 있습니다.

여러 해상도에서 그래픽을 테스트할 수 있습니다.

다른 사람의 그래픽을 편집하고 싶다면 그림을 가져오고 내보낼 수도 있습니다

소스 코드를 약간 수정하면 HTML 캔버스에 렌더링되는 3D 그림을 만들 수도 있습니다

코드 한 줄도 작성하지 않고 모두

왜 HTML 캔버스인가요? 이는 웹 게임 개발자에게 충분히 성능이 뛰어나고 모바일 친화적인 유일한 웹 표준이기 때문입니다. 이는 웹 게임 개발자를 위한 도구입니다. 실제로 저장소의 메인 페이지에서 이를 매우 명확하게 설명하고 있지만 모바일에서 빠르게 렌더링되는 그래픽을 만드는 모든 사람에게 유용할 수 있습니다

아무 것도 설치하거나 다운로드할 필요가 없습니다. Github의 저장소로 이동하여 앱 링크를 클릭하면 CS를 바로 열 수 있습니다.

                                    ***
로그인 후 복사

이 블로그는 웹 게임 및 프런트엔드 개발자를 위한 놀랍고 과소평가된 오픈 소스 프로젝트에 대해 글을 쓰는 첫 번째 블로그입니다.

과소평가된 프로젝트는 < 별 50개 및 < 포크 10개

이 이야기에 대해 어떤 생각이 있나요? 당신은 숨겨진 보석을 알고 있거나 소유하고 있습니까? 아래에서 알려주세요



위 내용은 다시는 HTML 캔버스에 줄을 코딩하지 마세요의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:dev.to
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿