캔버스 배율과 캔버스 크기 사이의 관계는 무엇입니까?

캔버스 크기와 캔버스 크기 사이의 관계는 무엇입니까? 나의 궁극적인 목표는 사용자가 크기를 변경하는 것입니다.

P粉621033928 2023-07-25 12:33:23 0  1  535

캔버스가 비어 있는 것처럼 보입니까?

BlazePose에서 얻을 수 있는 캔버스에 키를 렌더링하려고 하는데 키를 캔버스에 그리도록 할 수 없는 것 같습니다. 각 키포인트의 x와 y를 알고 검색했지만 캔버스에 표시할 수는 없습니다. 스타일을 변경해 보았지만 지금까지 성공하지 못했습니다. 당신의 도움을 주셔서 감사합니다. constvideo=document.getElementById('webcam');constcanvas=document.getElementById('output')constl

P粉147045274 2024-03-31 17:20:31 0  1  535

javascript - 캔버스를 사용하여 전자 서명을 구현하고 캔버스에 마우스 좌표를 배치합니다.

캔버스를 이용하여 전자서명을 구현하려고 할 때, 캔버스 내 마우스 좌표를 정확하게 얻을 수 없습니다. {Code...} ev.clientY를 사용하여 마우스 좌표를 가져오고, canvas.offsetTop은 상위 요소에서 높이를 가져옵니다. 그리고 캔버스는 스크롤 막대가 있는 형태이므로...

巴扎黑 2017-05-16 13:36:00 0  1  568

자바스크립트-캔버스 그리기

처음으로 캔버스의 drawImage를 호출하여 로컬 그림의 일부를 그리는 함수(성공할 수 있음)를 작성한 다음 toDataURL을 호출하여 캔버스가 그린 그림을 이미지 개체의 src 속성으로 변환한 다음 이 작업을 수행하는 이유는 무엇입니까? 캔버스에 그린 그림은 2차 그림에서도 같은 방법을 사용하는데...

PHP中文网 2017-07-05 10:46:27 0  1  749

html5 - 캔버스가 때때로 DataURL 데이터를 얻을 수 없습니다.

질문: 1. 이유를 모르겠습니다. 캔버스가 때때로 그리기 데이터를 가져올 수 없고 "데이터:;"만 가져옵니다. 제가 어디서 잘못 썼는지 알려주세요. 2. 이렇게 캔버스를 작성합니다. 최적화해야 할 부분이 있나요? 관련 코드: {code...} {code...}

高洛峰 2017-06-06 09:53:01 0  2  885

javascript - 캔버스 자르기 빈 영역

캔버스를 사용하여 전자 서명을 했는데 사용자가 서명한 후 공간이 너무 많이 남았습니다. 공백을 캡쳐할 수 있는 방법이 있나요? 예시 원본 사진: 서명 과정에서 마우스가 통과한 영역을 얻어 아래와 같이 빨간색 영역의 좌표를 얻었습니다. 그런 다음 img 객체에 전달하고 캔버스에 그립니다.

黄舟 2017-05-16 13:26:16 0  5  1031

javascript - 캔버스 처리 이미지 문제

사용자가 업로드한 사진을 처리하려면 캔버스를 사용해야 합니다. 사용자가 업로드한 크기가 매우 클 수 있습니다. 예를 들어 현재 브라우저 창의 너비와 높이를 초과하므로 표시 영역에 비례하여 크기를 조정합니다. 브라우저의 다음 캔버스에 그립니다. 하지만 이는 사용자의 그림을 축소하는 것과 같습니다...

扔个三星炸死你 2017-06-10 09:49:16 0  3  981

javascript - 반투명 모자이크를 그릴 수 있도록 캔버스를 도와주세요.

내 요구 사항은 사용자가 업로드된 문서를 모자이크하기 위해 마우스를 사용할 수 있도록 하는 것입니다. 내 아이디어는 마우스 이벤트를 캔버스에 바인딩하고 사용자의 마우스 누르기 경로를 따라 문서에 반투명 PNG를 그리는 것입니다. PNG 오버레이, 캔버스를 사용하여 마르세유를 직접 생성하고 싶습니다...

仅有的幸福 2017-06-07 09:24:40 0  1  877

캔버스의 *두* 높이 값을 얻으시겠습니까?

이 캔버스의 두 가지 높이 값을 얻으려고 합니다. <canvaswidth="886"height="792"style="display:block;opacity:0.5;width:834px;height:746px;"></canvas> canvas.style.height를 사용하여 스타일에 액세스할 수 있다는 것을 알고 있습니다. ; 그 중 하나이지만 얻는 방법

P粉604848588 2024-04-05 09:32:33 0  1  1460

정확한 마우스 좌표를 얻지 못하는 문제: 페이지 크기를 조정할 때 HTML5 캔버스 사용

저는 프론트엔드 전문가로부터 이 픽셀 효과를 만들고 싶습니다. 전체 화면 캔버스에서 전체 픽셀 효과를 얻을 수 있지만: constcanvas=getElementById('canvas');canvas.height=window.innerHeight;//전체 화면 높이를 캔버스로 설정 canvas.width=window.innerWidth ;//캔버스를 전체 화면 너비로 설정하면 마우스 좌표를 쉽게 얻을 수 있습니다. constmouse={x:undefound,y:u

P粉752290033 2023-09-12 12:20:33 0  1  731

javascript - 네이티브 캔버스에서 터치 이벤트의 캔버스 좌표를 얻는 방법은 무엇입니까?

캔버스가 mousedown 이벤트에 응답하면 event.offsetX 및 offsetY를 통해 요소의 내부 좌표를 추출할 수 있습니다. 그런 다음 touchstart로 변경했는데 offsetX 및 offsetY가 없습니다. 요소의 내부 좌표를 어디서 찾아야 합니까?

黄舟 2017-05-24 11:36:27 0  3  710

javascript - 캔버스 디자인 마우스 그리기 기능은 한 번의 스트로크로 여러 개의 평행한 색상 선을 그립니다.

1. 한 번에 여러 개의 평행한 색상 선을 그릴 수 있는 캔버스 디자인 마우스 그리기 기능 2. 마우스 이벤트에 oCg.beginPath() 그리기를 추가하려고 시도했지만 이벤트가 덮어쓰여졌습니다. 3. 같은 방법으로 복제 캔버스를 추가하지만 캔버스가 가려집니다.

PHP中文网 2017-06-13 09:24:08 0  1  1246

javascript - 캔버스가 toDataUrl() 오류를 사용합니다. img 설정 img.crossOrigin = "*"는 쓸모가 없습니다.

페이지에 스크린샷 기능이 있고 그림이 로컬에서 생성된 다음 캔버스로 변환된 다음 캔버스에서 png로 변환되지만 canvas.toDataUrl()에서 계속 오류를 보고합니다: {code...} 코드는 다음과 같습니다. {코드... }

过去多啦不再A梦 2017-07-05 10:57:31 0  1  833

javascript - 이미지를 캔버스로 드래그

어떤 마스터가 이 효과를 볼 수 있도록 도와줄 수 있습니까? 오른쪽 그림을 캔버스로 끌어서 편집할 수 있습니까? 자세히 설명할 수 있습니까?

phpcn_u1582 2017-06-14 10:52:41 0  2  896