paperjs

0열

1답변

나는 바닐라 <canvas>에서 paper.js 라이브러리를 사용하여이 동작을 복제 할 수 없습니다. 스트로크와 채우기를위한 두 개의 별도 경로를 만드는 것 외에 어떤 방법이 있습니까? 정말 빠른 예로서 모든 경로는 채우기 위에 획을 그릴 것입니다. let p = new Path.Circle(new Point(0, 0), 1); p.strokeCo

1열

1답변

paper.js에서 래스터 (이미지)의 크기를 조정하는 방법은 무엇입니까?

Paper.js 문서의 코드를 사용하여 이미지를로드했습니다. 하지만 이미지 크기를 변경하고 싶습니다. 이미지의 크기를 조정하는 대신 크기를 이미지로 설정하고 싶습니다. 이미지의 width 및 height을 Paper.js에 설정하는 방법이 있습니까? JS var raster = new Raster({ source: 'http://assets.pap

0열

1답변

paperjs로 캔버스를 스크롤하는 방법은 무엇입니까?

캔버스 전체를 가로로 이동하고 세로로 스크롤 할 수 없었습니다. 가능합니까? <script type="text/javascript" src="~/Scripts/PaperJS/paper-full.js"></script> <script type="text/javascript" src="~/Scripts/PaperJS/paper-core.js"></scrip

2열

1답변

Paper.js 점과 경로 사이의 거리

종이 점과 패스 사이의 거리를 구할 수 있습니까? const point = new Point([100, 200]); const path = new Path(); path.strokeColor = 'black'; path.add(new Point(30, 30)); path.add(new Point(100, 100));

1열

2답변

둥근 사각형을 원으로 변환

애니메이션으로 변환하여 둥근 사각형 모양을 원으로 변환해야하는 특정 애니메이션 작업을했습니다. 나는 paper.js의 문서를 점검하고이를 달성하기 위해 미리 정의 된 함수를 찾지 못했습니다. -> 애니메이션이 원활 할 필요가있다. 내가 사용하고있는 사각형의 수가 너무 많아서 "현재의 둥근 사각형을 제거하고 둥근 하나의 버전을 다시 그릴"방법을 사용할 수 없

0열

1답변

paper.js에서 "onResize"사각형의 크기 조정

좋아, 나는 어리 석다.하지만 30 분 정도 시도한 후 포기한다. paper.js의 onResize() 이벤트를 통해 사각형의 크기를 조정하는 방법은 무엇입니까? onResize() 함수와 함께 제공되는 this example으로 시도했지만 성공하지 못했습니다 (오른쪽 상단의 Source 버튼을 클릭하여 샘플을 편집 할 수 있습니다). 현재 크기 조정 기능

0열

1답변

Paper.js 라이브러리가 오류없이 작동하지 않습니다.

paperjs 웹 사이트 예제 중 하나를 실행하려고하지만 로컬 서버를 실행할 때 오류가없는 빈 화면이 나타납니다. bower를 사용하여 라이브러리를 설치했고 올바른 paperjs 소스 파일에 연결했습니다. paper.install(window); window.onload = function() { paper.setup(docum

0열

1답변

PaperJS : 이전 패스를 지나갈 때 드로잉 경로를 중지합니다.

사용자가 선을 그릴 때 paperjs를 사용하고 있는데, 이전에 그린 선이 교차 할 때 멈추고 싶습니다. 이 내 현재의 테스트 코드 : 사용자가 기존의 경로를 교차 할 때 내가 onMouseDrag 이벤트를 추가 한 tool.minDistance = 1; var path; var drawing = false; function onMouseDown(

1열

1답변

방향을 가리키는 방향으로 경로를 축척하는 방법

내 데모에서. 서로 오버레이하는 몇 개의 타원을 만들 수 있습니다. 각 타원은 약간 회전하고 클릭이 바깥쪽으로 늘어나야합니다. 그러나 지금은 .scale (x, y)를 사용하고 타원의 높이가 수직으로 증가합니다. 나는 내가 생각하는 사물의 종류의 첫번째 \t paper.install(window); \t var canvas = document.getE

1열

1답변

Paper.js 마우스 이벤트가 작동하지 않습니다.

내 코드는 매우 간단하며 튜토리얼에서 곧바로 들어 봤습니다. 여기에 index.html을 수 있습니다 : <!DOCTYPE html> <html> <head>  <script type="text/javascript" src="js/paper-full.js"></script> <!-- Lo