html5-canvas

0열

2답변

위로부터 아래로 이미지를 스크롤하려면 어떻게해야합니까? 현재, 그것은 왼쪽에서 오른쪽으로 이동하고 또한 "xpos"와 "y"값을 교환하려고 시도했지만 이미지가 왜곡되고 있습니다. 아무 도움이라도 인정 될 것입니다. 내 생각 (function() { window.requestAnimationFrame = window.requestAnimatio

0열

1답변

자바 스크립트 진폭 이미지

나는 오디오 파일의 진폭 데이터를 확인하고 이미지에서, 당신은 여기에 조각 여기 http://www.vtxfactory.org/p5/empty-example/ 를 볼 수 재현 p5.js로 구축이 스크립트는 JS입니다있다 : var song, analyzer; function preload() { img = loadImage("http://www

2열

1답변

자바에서 객체 속성이 'undefined'를 반환합니다.

HTML 5 캔버스 용 입자 시스템의 초기 단계에서 즉각적인 문제가 발생합니다. 내 Particle 클래스 객체의 속성을 검색하려고하면 undefined을 반환하고 이유를 파악할 수 없습니다! class Particle { contructor(context, width, height) { this.x = width/2; this.

5열

1답변

임의의 점 집합에서 삼각형 생성

JavaScript 캔버스에서 임의의 점을 무작위로 생성했습니다. 가장 효율적인 방법은 점을 균일 한 방식으로 연결하는 삼각형을 그리는 것이 무엇인지 궁금합니다. 목표는 삼각형을 겹치지 않고 전체 캔버스에 채우는 것입니다. 시각적 표현을 위해 캔버스에서 임의로 생성 한 포인트 이미지가 있습니다. 보시다시피 캔버스에 포인트를 무작위로 배치하는 방식을 수정해야

0열

2답변

Javascript Canvas Context Filter 적용 대상 : Blur

JavaScript 필터를 자바 스크립트 캔버스의 이미지 데이터에 적용하는 데 관심이 있습니다. 이미 canvas context filter을 찾았습니다. 예를 들어, 흐림 효과가 있습니다. 코드가 아래에 짓 때문에 경우 작동하지 않지만 var canvas = document.getElementById('canvas'); var ctx = canvas

0열

1답변

Canvas blinking cursor가 onkeydown 앞으로 이동하지 않고 중복 됨

캔버스에 텍스트를 입력 할 때 깜박이는 커서를 앞으로 이동하려고합니다. 커서가 앞으로 이동하지만 이전 커서가 어떤 이유로 든 이전 위치에서 깜박입니다. import React, {Component} from 'react'; import './CanvasTextEditor.scss'; class CanvasTextEditor extends Compone

0열

1답변

@ font-face를 통해 자신의 글꼴 가져 오기가 HTML 캔버스에서 작동하지 않습니다.

글꼴이 링크되어 있지 않은 것으로 보입니다. 내가 생각할 수있는 모든 것을 시도했습니다. 그것이 작동하지 않는 이유. //CSS @font-face { font-family: 'fontOne'; src: url(../assets/fonts/fontOne.otf); } //JS var canvas = document.getElementById(

0열

1답변

업로드 된 패브릭 패턴으로 커브를 생성하는 방법

내 주요 목표는 이미지에 표시된대로 셔츠의 전체 소매에 맞춰야하는 커브를 생성하는 것입니다. 나는 시도했지만 여전히 선이 예상 도움으로 제대로 내게 오는되지 않습니다. 테스트 패브릭 패턴은 아래 표시된 이미지의 수직 패브릭입니다. 내가 스크립트를 다음에 일한 을 형성 소매에 맞게 더 정확합니다 내가 스크립트 함수에서 밖으로 나왔을 것입니다. function

0열

1답변

캔버스 자바 스크립트의 명확한 경로

나는 약간의 캔버스 프로그래밍을 시험하고 있는데, 새로운 캔버스 프로그래밍을 할 때 이전 경로를 지우는 방법에 대한 질문이있다. 예 : 채워진 원을 획이없고 선이 그려집니다. graphicContext.save(); graphicContext.beginPath(); graphicContext.arc(95,50,40,0,2*Math.PI); graphi

0열

1답변

반응 캔버스로 애니메이트 CC에서 드래그 앤 드롭 대상 영역을 조정하는 방법

나는 직사각형과 원보다 더 정확한 드래그 앤 드롭을 만들기 위해 노력하고 있습니다. 지금까지 잘 진행되고있는 것처럼 보입니다. 유일한 문제는 대상 영역이 실제로 모양이있는 위치와 일치하지 않는다는 것입니다. 데모에서, 나는 주로 작업을하고, 객체를 드래그하며, 드롭 영역을 잘 넘습니다. 유일한 문제는 방울 영역이 방울 영역 (접시에있는 음식이라고 생각되는