html5-canvas

    10

    1답변

    HTML5 캔버스에 많은 점을 그릴 필요가 있으며 꽤 오래 걸립니다. 내 코드는 다음과 같습니다. var points = getPoints() // Array of {x,y,color} var ctx = canvas.getContext("2d"); for (var i = 0; i < points.length; i++) { ctx.fillSty

    2

    1답변

    HTML5 캔버스와 자바 스크립트를 사용하여 간단한 웹 기반 게임을 만들고 있습니다. 현재 캔버스에 이미지가 표시되어 있는데, 각각은 패스트 푸드 레스토랑에있는 항목을 나타냅니다. 또한 자산, 책임, 수입 또는 지출이라는 레이블이 붙은 네 개의 설명 상자가 있습니다. 각 이미지는 이러한 설명 상자 중 하나에 속하며 사용자는 각 이미지를 올바른 설명 상자로

    2

    1답변

    여러 개의 이미지와 설명 상자를 표시하는 HTML5 캔버스가 있습니다. 현재 이미지를 캔버스 주위로 드래그 앤 드롭 할 수 있지만 이미지를 올바른 설명 상자로 드래그하면 이미지를 제거하는 기능을 추가하려고합니다. : 나는 다음과 같은 함수를 작성 해봤지만 현재 나는 그것의 설명 상자에 이미지를 드래그 앤 드롭하면 즉 ... 아무것도하지 않는 것, 그것은 여

    2

    1답변

    캔버스에 이미지 데이터가 있습니다. 이제 이미지의 왼쪽 절반을 반전하고 뒤집어 거울 효과처럼 오른쪽에 적용해야합니다. 이에서 예 : 여기에 : ctx.drawImage(this, 0, 0, 960, 540); var imgData = ctx.getImageData(0,0,960,540); // loop through the data and apply m

    3

    1답변

    JavaScript를 사용하여 svg에 삽입 된 html5 캔버스 (HTML5 페이지)에 그려야합니다. "CVS"에 그리기 이런 식으로하는 경우에 잘 작동합니다 : 사용 태그에 캔버스으로 수행하고 언급 <svg id="fig" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.

    4

    2답변

    이미지를 그레이 스케일로 변환하는 수식이있는 것처럼 이미지의 밝기를 높이고 같은 레벨에서 줄이는 수식이 있습니까? r, g 및 b 픽셀 각각에 값을 추가하려고했습니다. 밝기는 증가하지만 동일한 값을 줄이면 원래 값을 되 찾을 수 없습니다. var pixels = context.getImageData(...); //loop over the pixel da

    7

    1답변

    다음 코드를 사용하여 속도계를 사용하여 캔버스에서 그림을 이동합니다. var meter = new Image, needle = new Image; window.onload = function() { var c = document.getElementsByTagName('canvas')[0]; var ctx = c.getContex

    0

    4답변

    이 예를 살펴 : var c=document.getElementById("myCanvas"); var ctx=c.getContext("2d"); // First rectangle created ctx.fillRect(20,20,150,100); // Second rectangle created ctx.fi

    2

    1답변

    "단어"게임 만들기, 사용자가 문자를 놓는 경우 목적이 문자 (직사각형)를 올바른 단어 공간 (다른 사각형)으로 드래그하는 것입니다. 잘못된 공간, 문자가 원래 지점으로 돌아갑니다. 드래그 이동 중에 개체가 단어 공간을 초과하는지 감지하여 대조하고 싶습니다. 그리고 사용자가 그것을 떨어 뜨린 경우 올바른 위치에 문자를 삽입하십시오 ... 사용자가 올바른 위

    0

    2답변

    toDataURL 메서드를 사용하여 이미지가 포함 된 캔버스를 저장하는 방법은 무엇입니까? 텍스트와 그림은 모두 잘 작동하지만 이미지 처리 방법을 모르겠습니다. 어떤 도움을 주시면 감사하겠습니다. 다음과 같이 감사 나는 내 질문을 수정 한 : 이미지가 .PNG에서 직접 뽑아 될 때 작동합니다. 그러나 Google Charts API를 호출하면 이미지가 캔버