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

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

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

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

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

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

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

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

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

여러 캔버스에서 jpg를 내보내는 방법

레이어로 사용되는 캔버스가 여러 개 있습니다. canvasc1=Backgroundimage.canvasc2=charactorimage.canvasc3=itemimage.내 소스 코드는 다음과 같습니다. 같은 위치에 세 개의 캔버스를 설정합니다. <divcanvas="canvas-wrap"><canvasclass="canvas"id="c1">

P粉301523298 2024-04-03 21:02:43 0  1  522

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

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

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

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

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

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

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

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

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

내 그림 캔버스가 페이지 내에서 오프셋되는 이유는 무엇입니까?

이것은 설명하기 어렵다. 하지만 시도해 보겠습니다. 전체 캔버스가 오프셋됩니다. 어떻게 이런 일이 발생했는지, 어떻게 해결해야 할지 잘 모르겠습니다. 마우스가 페이지의 왼쪽 상단에 있고 중앙에서 시작하는 경우와 마찬가지로 캔버스 요소 자체의 왼쪽 상단과 일치합니다. 코드 조각을 사용하여 내가 말하는 내용을 이해하세요. letcurrentColor=null;letinputs=document.getElementsByClassName("style2");for(constinputofinput

P粉475126941 2024-03-28 22:16:10 0  2  326

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

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

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

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

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

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

javascript - 캔버스의 들쭉날쭉한 가장자리를 제거하는 방법

제목처럼: 캔버스 그래픽을 만들었는데 가장자리가 울퉁불퉁합니다. Bicubic Interpolation의 보간 알고리즘을 검색해 보았으나 이해가 되지 않습니다. Orz에게 조언을 주실 수 있습니까?

大家讲道理 2017-05-31 10:41:27 0  2  1066

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

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

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

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

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

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

javascript - 캔버스 압축 이미지의 최대 압축률은 얼마입니까?

최근 프로젝트에서는 이미지를 압축하여 업로드하였고, 이미지를 압축하기 위해 캔버스를 사용하였습니다. 캔버스는 이미지마다 최소 압축률이 다른 것으로 나타났습니다. 가장 큰 22M 사진의 경우 가장 작은 사진은 약 900k까지만 압축할 수 있으며 압축률은 0.036입니다. 그리고 사진 중 하나(약 900,000개 정도...)

大家讲道理 2017-06-12 09:28:20 0  1  965

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

이 캔버스의 두 가지 높이 값을 얻으려고 합니다. <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  1475

javascript - 캔버스를 사용하여 그림을 변경하면 깜박임 문제가 발생합니다.

캔버스를 사용해서 작은 게임을 만들다 보면, 사진을 바꿔야 할 부분이 있고 깜박임이 발생하는데 항상 그런 것은 아니고, 가끔, 가끔은 무슨 일이 일어나고 있는 걸까요?

阿神 2017-06-07 09:24:50 0  2  1034

로컬 컴퓨터를 사용하여 캔버스 이미지 생성

getImageData()를 사용할 수 있도록 내 노트북의 <canvas>에 이미지를 로드하고 싶습니다. 로컬 .html 파일에서 javascript를 사용하고 있습니다. 이것은 라이브 웹 기반 프로젝트가 아니라 단지 개인 프로젝트입니다. 이 작업을 시도하면 UncaughtDOMException: Failedtoexecute'getImageData'on'CanvasRenderingConte 오류가 발생합니다.

P粉547362845 2023-09-18 08:44:24 0  1  633

javascript - 캔버스 압축 이미지의 원리는 무엇입니까?

캔버스의 toDataURL 메소드는 이미지를 webp 형식으로 압축하는 등 압축 후 이미지의 형식 및 압축 품질을 지정할 수 있습니다. {code...} toDataURL은 이미지를 인코딩하기 위해 base64를 사용하며 인코딩된 소스 파일은 이미지보다 33% 더 큽니다. 인코딩 전에 참조 주소가 있지만 품질 매개변수는 압축 품질을 지정할 수 있습니다.

给我你的怀抱 2017-06-26 10:55:55 0  2  1127

javascript - 캔버스에서 생성된 이미지를 가져오는 방법

이미지를 합성해야 하는데, 캔버스에서 생성된 이미지를 백그라운드에서 직접 캡쳐해서 프론트엔드에 돌려줄 수 있는지 궁금합니다.

伊谢尔伦 2017-06-05 11:09:30 0  1  551

javascript - 캔버스에서 이미지를 변환하는 방법은 무엇입니까?

예를 들어, 아래와 같은 그림이 있습니다. {code...} 그림의 너비와 높이는 1280x600이고 변환 속성은 변환: 번역(6px, 6px) 스케일(1.5) 회전(100deg); 입니다. 나, 내가 만든 이미지는 무엇입니까? 1280x600 캔버스에 어떻게 그림을 맞출 수 있습니까?

黄舟 2017-05-16 13:23:58 0  3  482