캔버스를 사용하여 이미지를 자르고 요소로로드 할 base64 문자열을 얻으려고합니다. this post에서 예제로 작업하고 있었지만, .toDataURL()을 실행하면 base64가 잘리고 유효하지 않습니다. 난 단지 base64로 552 개 문자를 받고 오전 toDataURL을 내 jsfiddle var image = new Image(),
ca
여기에서 거의 문제가 없습니다. 2D 캔버스에서 작업하고 4 코너 각도의 2D 캔버스에서 마우스 버튼을 드래그하여 사각형을 만들 수 있습니다. 이 직사각형은 유연하고 마우스를 드래그하여 어느 방향으로나 이동할 수 있습니다. 이 사각형은 이미지 1에있는 것과 똑같아 야합니다.이 사각형은 어디를 움직여도 상관 없습니다. 마우스를 드래그하여 위에서 아래로 사각형
오랜 시간 lurker이지만 계정을 만들지 않았습니다. 그냥 데브가 아니라 재미 있고 재미있는 실험을 해보고 싶다. 그래서 내가 정말로 바보 같으면 사전에 사과한다. 트위터 스트리밍을위한 동적 오버레이에서 작업 중이며 이전에 AS3을 사용하고 있었지만 지금은 HTML5로 전환했습니다. 캔버스에 이미지를로드하려고합니다. (결국 Twitch API를 사용하여
마스크로 작동하는 무비 클립 내에서 애니메이션 모양을 어떻게 사용할 수 있을지 궁금합니다. 내 Animate CC 캔버스 파일에 mapAnim이라는 아래 인스턴스를 마스킹해야하는 인스턴스 (stripeMask)가 있습니다. stripeMask는에 애니메이션화되는 형태를 포함하는 기능 MASKIN가, 재생 헤드가 stripeMask 클립 (프레임 0 후의 것
그래서 socket.io와 HTML5 캔버스를 사용하여 노드 멀티 플레이어 게임을 만들려고합니다. 서로의 클라이언트 캔버스에 표시 할 개체를 가져 왔지만 위치가 다릅니다. 객체를 배치하여 클라이언트 측에서 올바르게 표시되도록하려면 어떻게해야합니까? 여기 내 코드입니다. 클라이언트 : var socket;
var ship;
var cnv;
functi
웹 페이지에 html5 canvas 요소가 있으며 특정 x, y 좌표가있는 4 개의 사각형이 표시됩니다. 또한 target.pageX 및 pageY를 캡처하기 위해 캔버스 클릭 수신기를 만들었으므로 사각형을 클릭 할 때마다 알 수 있습니다. 하지만 다음 시나리오를 작성하고 싶다면 ...? 두 번째 사각형을 클릭하면 첫 번째 클릭 수신기가 제거되고 내 캔
커서를 움직여 각도를 설정하고 적용되는 힘은 화살표의 길이가 될 수있는 작은 미니 골프 게임을 개발 중입니다. (커서가 볼에 가까울수록 힘이 적음). 정확히 어떻게 작동하는지 확인할 수 있습니다 : https://imgur.com/a/AQ1pi 커서를 따라 화살표 스프라이트를 회전하는 방법을 알아 냈습니다. 그러나 공이 움직일 수있는 방법을 아직 모릅니다.
어떻게 든 오디오 요소를 통해 라디오 스트림을 가져올 수 있고 웹 오디오 API로 일부 작업을 수행 할 수 있습니까? 그래서 "웹 사이트 A"는 "SERVER B"의 라디오 스트림을 수신 한 다음 웹 오디오 API를 통해 자체적으로 콘텐츠를 처리합니다. "(index) : 1로드하지 못했습니다. http://someserverb.com/track.mp3 :
현재 HTML5- 캔버스에 작은 게임을 만들고 있습니다. 플레이어가 직사각형을 제어하면 직사각형이 선을 그립니다. 직사각형이가는 방식의 좌표를 저장하고 그것들에서 선을 만듭니다. 문제는 사각형의 좌표가 좌상 구석의 위치라는 것입니다. 좌표가있는 사각형을 그리는 방법이 있습니까?