html5-canvas

15열

1답변

로 이미지를 자르려면 어떻게 이미 방법을 알고 var image = document.getElementById('myImage'), canvas = document.createElement('canvas'), ctx = canvas.getContext('2d'); ctx.drawImage(image,0,0,400,300); 을 ->

2열

1답변

테이블 형식 대화 형 차트 javascript

기본적으로 한 달의 특정 요일에 서비스가 위 또는 아래인지를 사용자에게 알려주는 테이블 형식 인 대화 형 차트를 작성하려고합니다. 사용자가 필드를 클릭하면 새 URL이 열리고 해당 상태에 대해 더 알려줍니다. d3.js 차트를 사용할 생각 이었지만 차트가 없습니다. 이미 사용할 수있는 것이 있습니까? 절대로 테이블 형태로 차트를 찾을 수 없었습니다. 당신은

1열

1답변

JavaScript 캔버스에서 Arc 3 마우스 포인트 그리기

초기, 중간 및 최종 점을 가진 호를 그려야합니다. 내가 자바 스크립트에서 HTML5 캔버스 아크 기능 (X, Y, 반경, startAngle로부터, endAngle, 시계 반대 방향으로) 사용하고 https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Canvas_tutorial/Drawing_shapes#Ar

0열

1답변

jigsaw puzzle 소스 이미지가 표시되지 않습니다

나는 kineticJs를 사용하여 지그 소 퍼즐을 시도하고 있습니다. 불규칙한 모양의 조각이 있지만 원본 이미지가 표시되거나 채워지지 않습니다. 나는이 부분에 붙어있다. 당신이 fillPatternImage 대신 fill 사용할 필요가 같은 fill:{ image:imageObj, x:pieceWidth, y:pieceHeight

0열

1답변

캔버스 높이와 너비가 다른 경우의 회전 논리

캔버스의 크기가 다른 경우 회전이 캔버스에 적용될 때 캔버스 XY 조합을 얻는 데 도움이 필요합니다.

1열

1답변

내 코드에서 HTML5 캔버스가 지워지지 않는 이유는 무엇입니까?

저는 캔버스 프로그래밍을 시작하고 작은 게임을 만들려고합니다. 아래는 제가 시도하고있는 샘플 코드입니다. 내 의도는 다음과 같습니다. 캔버스를 만듭니다. 일부 배경색으로 채우십시오. 원을 그립니다. 캔버스를 지 웁니다. 다른 위치에 다른 원을 그립니다. 여기에 코드입니다 : var canvas = document.createElement('canvas');

0열

1답변

투명 PNG를 사용하면 캔버스 ctx.drawImage가 작동하지 않습니다.

투명 PNG를 사용할 때 ctx.drawImage()가 작동하지 않지만 일반 PNG를 사용할 때 작동합니다. var context = document.getElementById("canvas").getContext('2d'); .... function draw(img, x, y){ context.drawImage(img, x, y); }

0열

1답변

동일한 kineticjs 모델의 여러보기/렌더

많은 데이터가 포함 된 다소 큰 그래프를 표시하는 그래프 유틸리티를 작성 중입니다. 내가 지원할 수있는 기능 중 하나는 응용 프로그램의 여러 패널에서 동시에 여러 데이터보기를 사용하는 것입니다. 저는 무슨 뜻인지 시험해보기 위해 그림을 그렸습니다. 나는 kinetic을 사용하여 백그라운드에서 그라디언트 된 이미지를 만들었다 고 가정합니다. 내가 잡을 수 있

0열

1답변

자바 스크립트 : 이미지 개체가 이미지를로드하지 않는 것 같습니다.

내 .png 게임 애셋마다 하나씩 이미지 개체를 만들려고합니다. makeImage() 이미지 제조업체가 올바른 개체를 만들지 만 올바른 경로가 .src 속성이지만 이미지를로드하지 않습니다. img.isReady은 false입니다. 저는 자바 스크립트와 코딩 모두 초보자입니다. 내가 바라 보는 기능이나 객체의 동작이 있는지 궁금합니다. var assets =

0열

1답변

캔버스를 이미지로 내보내기가 IE에서 작동하지 않습니다

캔버스를 png 이미지로 내보내려고했습니다. 나는 이것을하기 위해 아래의 코드를 사용했다. function onExport() { var canvas = $("#container_canvas")[0]; //id of the canvas var dt = canvas.toDataURL(); this.href = dt;