html5-canvas

1열

1답변

HTML5 캔버스를 사용하여 복잡한 경로의 애니메이션을 만들려고합니다. 내 경로를 베 지어 곡선으로 나눠서 cubic bezier curves formula 및 javascript 함수 lineTo()를 사용하여 각 경로를 그립니다. 문제는 커브가 서로 연결된 점입니다. 그들은 원활하게 연결되지 않습니다. 베 지어 커브 대신 B- 스플라인 커브를 사용하면이

0열

1답변

imgObj를 표시 한 다음 사라져서 다른 imgObj를 표시 하시겠습니까?

저는 프로그래밍에 익숙하지 않고 게임을위한 개념 증명 프로젝트를 만들려고합니다. 나는 타이틀 화면으로 만든 이미지에서 게임 내 방의 이미지로 이동하려합니다. 사용자가 처음의 이미지를 클릭 할 때, 나는 그것에 대해 어떻게해야할지 모르겠습니다. 캔버스를 과제의 일부로 사용해야하므로 이미지가 해당 요소에 배치됩니다. 나는 내가 볼 수있는 첫 번째 이미지 (Ob

0열

1답변

캔버스에서 여러 이미지를 클릭하거나 마우스를 가져 가면 되나요?

저는 캔버스를 처음 접했고 프로그래밍 수업을위한 프로젝트를 진행하고 있습니다. 근본적으로 배경 요소 (예 : room.jpg)가있는 캔버스를 가지고 방안에 3 개의 대화 형 객체 (lamp.jpg, couch.jpg, desk.jpg)가 있어야합니다. 램프 위에 마우스를 가져 가면 작은 상자 나 텍스트가 튀어 나와 정보가 나타납니다. 또는 이미지를 클릭하면

0열

1답변

캔버스의 일부를 표시하거나 숨기는 방법?

여기 내 JS fiddle 나는 사용자가 중심 원 클릭 할 때와 같은 요구 사항, 즉 중심 원의 값을 변경해야 외부 작은 원에 외부 원하고 사용자가 클릭을 전환해야합니다. 사용자가 센터 서클을 클릭 할 때 캔버스 부분을 표시/숨기는 방법이 표시되지 않습니까? 방법에 대한 도움이 필요하십니까? GenerateCanvas(); function Gen

1열

2답변

캔버스 요소 + Internet Explorer가 아닌 Chrome 및 Firefox에서 작동하는 Javascript

수정 된 버전의 리플릿을 사용하여 FullCanvas Plugin 리플렉션을 사용하여지도에 선을 그립니다. 이 라인은 Firefox와 Chrome에서 완벽하게 작동하지만 Internet Explorer (버전 11, Windows 8.1 사용)에서는지도를 이동/확대/축소 할 때이 라인이 재설정되지 않습니다. http://jsfiddle.net/tee99z6

0열

1답변

html/javascript canvas drawImage 2 회로드하지 않고

HTML5 캔버스에 이미지를 배치하고 싶습니다. 몇 가지 샘플 코드를 찾았지만 이미지가 실제로 2 번만로드되었습니다. JavaScript 또는 CSS로 이미지 중 하나를 숨길 수는 있지만 이미지를 한 번만로드해야하는 방식을 찾고 있습니다. . <!DOCTYPE html> <html> <body> <img id="img" src="img.png"

4열

1답변

Phaser JS 이벤트를 중지하는 방법 textButton.events.onInputDown 이벤트에서 game.input.onDown 이벤트로 전파 (실행) 하시겠습니까?

여기에 JSFiddle입니다. 두 가지 이벤트가 있습니다. 일부 로직 (내 예 입자 생성) textButton 다른 논리 않는하는 Phaser.Text 객체 인스턴스이다 가 textButton.events.onInputDown인가하지 game.input.onDown이다. 문제는 : 나는 두 이벤트가 1 및 2을 해고 내 textButton 클릭 할 때. 문

2열

1답변

jquery, 크기 조정없이 캔버스 크기 조정

캔버스를 컨테이너에 넣으려고했습니다. 나는 캔버스가 컨테이너와 같은 크기를 가지길 원했다. 이렇게하기 위해 JQuery를 사용했지만, 이것은 내 캔버스의 크기를 조절하는 것으로 나타났습니다. 이것은 내 의도가 아니 었습니다. 특히 크기를 조정 한 후에 그려야했기 때문입니다. 좋은 옛 패션 JavaScript에서 똑같은 일을하는 것은 나에게 기대되는 결과를

0열

1답변

HTML5 캔버스 체크 무늬 패턴

복고풍 픽셀 화 된 배경 그림을 만들려고합니다. "픽셀"의 x 및 y 위치는 홀수이며 그에 따라 균등합니다. 이것은 해상도 (res 변수)가 4 인 것으로 보이고 % 연산자가 작동하지 않는 것 같습니다. function drawPixelatedBackground() { var res = 5; for (var x=0; x<settings

1열

1답변

캔버스 html5에서 큰 크기의 이미지 저장 중입니까?

js 스크립트는 라이브러리 fabricjs를 사용하여 이미지를로드하고 조작합니다. 캔버스의 크기는 600x350 픽셀입니다. 캔버스가 이미지를 더 작게 업로드하고 캔버스를 디스크에 파일로 저장하면 모든 것이 정상입니다. 그러나 이미지를 캔버스의 크기보다 큰 캔버스에로드 한 다음 파일을 디스크에 저장하면 왜 이미지가 캔버스 크기로 왜곡됩니다. 캔버스 크기보다