«canvas» 태그된 질문

합성 작업을 실험하고 캔버스에 이미지를 그린 후 이미지를 제거하고 합성하려고합니다. 어떻게해야합니까? 다른 이미지를 다시 그리려면 캔버스를 지워야합니다. 이것은 한동안 계속 될 수 있으므로 매번 새로운 사각형을 그리는 것이 가장 효율적인 옵션이라고 생각하지 않습니다.

1012 javascript  html  canvas  html5-canvas  composite 

Google의 "버그 신고"또는 "피드백 도구"를 사용하면 브라우저 창의 영역을 선택하여 버그에 대한 피드백과 함께 제출 된 스크린 샷을 만들 수 있습니다. Jason Small의 스크린 샷은 중복 질문으로 게시되었습니다 . 그들은 이것을 어떻게하고 있습니까? 구글의 자바 스크립트 피드백 API가에서로드 여기 및 피드백 모듈의 자신의 개요는 스크린 샷 기능을 시연 할 예정이다.

924 javascript  html  canvas  screenshot 

html 캔버스에 표시된 내용을 이미지 또는 pdf로 캡처하거나 인쇄 할 수 있습니까? 캔버스를 통해 이미지를 생성하고 해당 이미지에서 png를 생성하고 싶습니다.

719 javascript  html  canvas  export  png 

자바 스크립트와 캔버스 요소를 사용하여 클라이언트 측에서 축소판 이미지를 만들려고하는데 이미지를 축소하면 끔찍한 것처럼 보입니다. Bicubic 대신 'Nearest Neighbor'로 리샘플링을 설정 한 상태에서 포토샵에서 축소 된 것처럼 보입니다. 이 사이트 가 캔버스를 사용하여 잘 수행 할 수 있기 때문에 이것이 올바르게 보이도록하는 것이 가능하다는 것을 알고 있습니다. "[Source]"링크에 표시된 것과 …

314 javascript  html  canvas  image-resizing 

클릭 이벤트 핸들러를 캔버스 요소에 추가하여 클릭의 x 및 y 좌표를 반환하는 가장 간단한 방법은 무엇입니까 (캔버스 요소 기준)? 레거시 브라우저 호환성이 필요하지 않으며 Safari, Opera 및 Firefox가 지원합니다.

276 javascript  canvas 

하나의 중심 단어가있는 웹 페이지를 갖고 싶습니다. 이 단어를 애니메이션으로 그려서 페이지가 우리가하는 것과 같은 방식으로 단어를 "쓰기"합니다. 즉, 한 지점에서 시작하여 시간이 지남에 따라 선과 곡선을 그려서 최종 결과가 글리프가되도록합니다. 이것이 끝나면 상관 없어 <canvas> DOM인지 DOM인지 상관하지 않으며 JavaScript 또는 CSS 중 어느 것이 든 상관하지 않습니다. jQuery가 …

229 javascript  css  canvas  html5-canvas  css-shapes 

닫은. 이 질문은 재현 할 수 없거나 오타가 원인 입니다. 현재 답변을받지 않습니다. 이 질문을 개선하고 싶습니까? 질문을 업데이트하여 스택 오버플로에 대한 주제 입니다. 휴일 육년 전 . 이 질문을 개선하십시오 재미있는 제목을 용서하십시오. 벽과 벽에 대해 200 개의 공이 튀거나 충돌하는 작은 그래픽 데모를 만들었습니다. 내가 현재 여기에있는 것을 …

202 javascript  canvas  geometry  physics  collision 

HTML5 <canvas>요소를 사용하여 이미지 파일 (PNG, JPEG 등)을로드하고 캔버스에 완전히 투명하게 그린 다음 페이드 인합니다. 이미지를로드하고 이미지를 그리는 방법을 알아 냈습니다. 캔버스, 그러나 그려지는 불투명도를 변경하는 방법을 모르겠습니다. 지금까지 내가 작성한 코드는 다음과 같습니다. var canvas = document.getElementById('myCanvas'); if (canvas.getContext) { var c = canvas.getContext('2d'); c.globalAlpha = 0; var img …

196 html  canvas  transparency  opacity  alpha 

나는 2 개의 캔버스를 가지고 있는데, 하나는 HTML 속성 width을 사용 height하고 크기를 조정하기 위해 다른 하나는 CSS를 사용합니다. <canvas id="compteur1" width="300" height="300" onmousedown="compteurClick(this.id);"></canvas> <canvas id="compteur2" style="width: 300px; height: 300px;" onmousedown="compteurClick(this.id);"></canvas> Compteur1은 정상적으로 표시되지만 compteur2는 표시되지 않습니다. 컨텐츠는 300x300 캔버스에서 JavaScript를 사용하여 그려집니다. 왜 디스플레이 차이가 있습니까?

195 css  html  canvas  height  width 

HTML5 Canvas에는 단일 픽셀을 명시 적으로 설정하는 방법이 없습니다. 매우 짧은 선을 사용하여 픽셀을 설정할 수는 있지만 앤티 앨리어싱 및 선 캡이 방해 될 수 있습니다. 또 다른 방법은 작은 ImageData객체 를 만들고 다음을 사용하는 것입니다 . context.putImageData(data, x, y) 그것을 제자리에 두십시오. 누구나 효율적이고 신뢰할 수있는 방법을 설명 할 …

184 html  canvas  pixel 

HTML5 canvas요소 의 너비와 높이를 고정 할 수 있습니까? 일반적인 방법은 다음과 같습니다. <canvas id="canvas" width="300" height="300"></canvas>

181 html  canvas 

확장 라이브러리가 없으면 동일한 캔버스 요소에 여러 레이어를 가질 수 있습니까? 상단 레이어에서 clearRect를 수행하면 하단 레이어가 지워지지 않습니까? 감사.

176 html  canvas  layer 

아무도 이것이 어떻게 이루어질 수 있는지 알고 있습니까? 캔버스 객체, svg, jQuery 등을 사용 하시겠습니까?

165 ipad  html  canvas  svg 

Google지도 확대와 같이 HTML 5 캔버스에서 마우스 아래의 포인트를 확대하고 싶습니다 . 어떻게하면 되나요?

156 javascript  html  canvas 

다음 작업 코드가 있습니다. ctx = document.getElementById("canvas").getContext('2d'); 다시 사용하여 쓸 수있는 방법이 $있습니까? 이렇게하면 실패합니다 : ctx = $("#canvas").getContext('2d');

155 javascript  jquery  html  canvas