캔버스는 마우스 드래그를 통해 그래픽을 그립니다.

캔버스를 사용하여 마우스 드래그로 다양한 그래픽 그리기

직사각형, 원, 화살표, 브러시 포함

사용 방법

var paint = Ypaint(canvas)

원 그리기:

paint.chooseCircle()<code>paint.chooseCircle()

圆形其他参数

圆形的粗细 paint.outerParams.circle.lineWidth
圆形的颜色 paint.outerParams.circle.color

绘制矩形：

paint.chooseRect()

矩形其他参数

矩形的粗细 paint.outerParams.rect.lineWidth
矩形的圆角 paint.outerParams.rect.radius
矩形的颜色 paint.outerParams.rect.color

绘制箭头：

paint.chooseArrow()

箭头其他参数

箭头的粗细 paint.outerParams.arrow.range
箭头的大小 paint.outerParams.arrow.color

画笔工具：

paint.chooseCircle()

원의 다른 매개변수

원의 두께 Paint.outerParams.circle.lineWidth

원의 색상 Paint.outerParams.circle.color

직사각형 그리기:

paint.chooseRect()<p><img src="https://img.php.cn/upload/article/000/023/547/cd9919972587865ff2445ba43c907cd4-0.jpg" alt="">사각형의 다른 매개변수</p> <p>사각형의 두께 Paint.outerParams.ract.lineWidth</p>사각형의 둥근 모서리 Paint.outerParams.ract.radius<p>사각형의 색상 Paint.outerParams.lect. color<br></p>화살표 그리기: 🎜🎜 <code>paint.chooseArrow()🎜🎜화살표의 기타 매개변수🎜🎜화살표의 두께 Paint.outerParams.arrow.range🎜화살표 페인트의 크기. externalParams.arrow.color🎜🎜브러시 도구: 🎜🎜 Paint.chooseCircle()🎜🎜브러시 도구의 기타 매개변수🎜🎜브러시 두께 Paint.outerParams.line.lineWidth🎜색상 브러시 Paint.outerParams.line.color🎜🎜데모 예제 스크린샷: 🎜🎜🎜🎜🎜후속 작업 시간에 따라 추가될 기능: 실행 취소, 되감기, 그림 삽입, 캔버스 내에서 그림 드래그 등. 필요한 경우 , 언급해도 됩니다🎜🎜여기서는 코드가 상대적으로 길기 때문에 압축된 코드만 제공되며 완전한 프로젝트가 필요합니다. 데모를 좋아하는 친구들은 내 github에서 다운로드할 수 있습니다🎜🎜

위 내용은 캔버스는 마우스 드래그를 통해 그래픽을 그립니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!