canvas

0열

1답변

저는 HTML5 캔버스 플랫폼 게임을 만들고 있습니다. 플레이어의 위치 (카메라)는 플레이어의 위치가 업데이트 된 후 모든 프레임마다 업데이트됩니다. 이로 인해 카메라가 약간 흔들 렸습니다 (카메라 윤곽의 가장 왼쪽 부분을 볼 경우). 카메라 위치가 그렇게 고르지 못하게 할 수 있습니다. 질문 : 플레이어의 위치가 업데이트되도록 카메라를 수정하려면 어떻게해

0열

1답변

HTML5 캔버스 DrawImage 드로잉 이미지가 없습니다.

저는 약간의 바인딩이 있습니다. 실제 이미지의 작은 부분 만 표시하는 방식으로 단일 이미지를 클리핑하여 화면에 스프라이트를 그려하려고합니다. 그러나 아무 것도 나타나지 않고 코드에 오류가 표시되지 않습니다. 무엇이 잘못 됐는지에 대한 아이디어가 있습니까? 내가 잘라낸 이미지가 표시 될 지점까지 선을 그은 부분에 약간의 코드가 남았지 만, 내가하는 일과 상관

0열

1답변

전체 캔버스를 지우지 않고 기능을 대체 하시겠습니까?

모든 텍스트를 지우지 않고 텍스트를 함수로 대체하려고합니다. 지금은 함수를 대체 할 수 있지만 전체 캔버스 만 지워야합니다. 세 번째 함수 (예를 들어)가 남아 있도록 조금 더 역동적 이길 바랍니다. 내가 지금까지 가지고있는 것은 다음과 같습니다. 원본 텍스트가 지워지는주의 : 사전에 var $ = function(id) { return doc

-3열

1답변

three.js의 캔버스에서 SVG 텍스처가 블러킹 됨

UV 매핑을 사용하여 SVG를 텍스처로 사용하려고 할 때, 매우 흐리게 보이고, 2D 캔버스에서 텍스처를 가져 와서 이상하게 보입니다. 모델이 그렇게 나빠 보이는 것, 스크린 샷 첨부, 어떤 생각? > 테스트 - 여기 라이브 버전 : 그런 식으로 난 dinamically 색 속성을 조작, 그래서 JPG를 사용하거나 PNG가 옵션 편집하지 수 있기 때문에 S

0열

3답변

사용하여 객체의 기능을 사용할 수 없습니다이

다음은 내 객체의 EventListener를 추가 할 때 내 코드입니다 : this.canvas.addEventListener('mousemove', function (e) { var canv = document.getElementById("some"); myGameArea.x = (e.clientX - canv.getBoundingCli

0열

1답변

fabricjs 캔버스가 때때로 개체를 잘못로드합니까?

내게 선물하기가 어려울 지 모르지만 근본적으로 내 코드가 처음으로로드되거나 몇 번의 시도가 끝나면 기본적으로 캔버스가 잘못 렌더링됩니다. 일반적으로 텍스트이기 때문에 글꼴을로드하지 않거나 새로 고칠 때까지 (항상 그런 것은 아님) 캔버스에서의 위치 지정이 해제됩니다. 태그가있는 위치에서 모든 코드를 로컬로 보유하고 있지만 행운을 얻지는 못했습니다. 결국 그

0열

1답변

javascript 캔버스에서 base64 크기 조정 이미지를 가져올 수 없습니다.

두 가지 주요 질문이 있습니다. 나는 데이터없이, JavaScript reduce the size and quality of image with based64 encoded code 이 내가 그 함수 만 base64로 문자열을 얻을 필요가 있다는 사실을 제외하고, 충분히 간단 보였다 에 대한 대답에 따라 base64로 이미지 크기를 조정하기 위해 노력하고있

-2열

1답변

캔버스로 이미지 자르기

캔버스를 사용하여 이미지를 자르고 요소로로드 할 base64 문자열을 얻으려고합니다. this post에서 예제로 작업하고 있었지만, .toDataURL()을 실행하면 base64가 잘리고 유효하지 않습니다. 난 단지 base64로 552 개 문자를 받고 오전 toDataURL을 내 jsfiddle var image = new Image(), ca

0열

1답변

높이가 100 %이면 캔버스가 div의 맨 아래까지 확장되지 않는 이유는 무엇입니까?

여기 내 코드 & HTML 마크 업입니다 : $(document).ready(render) function render() { wl = [['hello', 12], ['dear', 10], ['a', 9], ['Joe', 5], ['8', 2]]; $canvas = $('.wordcloud-canvas')

1열

1답변

텍스트가 자르기 후 SVG에 의해 자르기 후 추가되지 않습니다

캔버스에서 자르기 클립 기능을 사용하고 있습니다. 원, 사각형, .... 그 후에 텍스트와 이미지를 추가 할 수 있습니다. 추가했습니다. 아래 코드는 작동합니다. 나는 또한 SVG file.This하여 캔버스를자를 works.But 문제는 코드가 아닌 아래에 내가 canvas.The에 의해 clipTo 후 텍스트 또는 이미지를 추가 할 수 없습니다입니다