canvas

    2

    1답변

    응용 프로그램에서 데이터베이스에 여러 개의 base64 인코딩 이미지를로드하고 JavaScript 배열 안에 배치하는 페이지가 있습니다. 이것은 EJS 템플리트를 통해 서버에서 발생합니다. 따라서 사용자가 HTML 페이지를 받으면 base64로 인코딩 된 이미지가 표시됩니다 (이 사실을 확인했습니다). 다음 단계는 클라이언트 측에서 JavaScript를 사

    4

    2답변

    여기는 jsfiddle입니다. 크기를 조정할 때 개체의 최대 높이/너비를 제한하고 싶습니다. 직물 객체를 스케일링하면 scaleX 및 scaleY 속성을 객체의 새로운 스케일 크기를 반영하기 위해 업데이트된다 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="h

    1

    1답변

    마우스 커서를 따라 가려면 this ray을 만들 수 없습니다. X 축에서 항상 역수입니다. 내 atan 함수에 문제가 있다고 생각하지만 내 삼각법이 상당히 낮기 때문에이 문제를 해결하는 방법을 모릅니다. FF는 기본적으로 마우스 event.offsetX/Y를 지원하지 않는 것처럼 바이올린 위의 파이어 폭스에서 작동하지 않습니다 var dx = target

    7

    1답변

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

    5

    1답변

    저는 지금 Kinetic.js로 작업하는 복잡한 코드와 IE8에서 작동하는 캔버스 요소가 필요한 상황에 있습니다. 공식적으로 Kinetic.js는 IE8을 지원할 계획이 없습니다. 나는 webshims lib를 사용하여 시도했지만 Kinetic.js 다음 코드에 실패 Kinetic.Canvas = function(width, height) { th

    12

    1답변

    캔버스 createPattern 내부에 사용하기 위해 자바 스크립트와 이미지 \t의 크기를 조정하지만 자바 스크립트 내부 이미지 변수를 갖고 싶어 , 크기를 조정 한 다음 context.createPattern (이미지, "반복") 내에서 이미지를 사용하십시오. 나는 그것을하는 방법에 대한 어떤 힌트도 발견하지 못했다. . 기능 데모는 http://karl

    4

    3답변

    질문 : 다음과 같은 경우 캔버스가 svg보다 더 적합합니까? 케이스 : 나는 이것과 같은 (d3js 라이브러리를 사용) 차트 (하지만 훨씬 더 많은 데이터) 그리기 해요 : http://mbostock.github.com/d3/talk/20111116/iris-parallel.html 이가 SVG 기반으로하고 그것을 몇 가지에 대해 잘 작동 (svg 경로

    1

    2답변

    저는 초보자 인 HTML5입니다. 는 내가하고 싶은 것입니다 : 다음 사용자가이 이미지를 그릴 수 canvas에 이미지를 업로드, 그래서 난 내 데이터베이스에 이미지를 저장할 수 있습니다. 나는이 lesson 를 그릴하지만 난 다음, 캔버스에 이미지를 열고 사용자가이 이미지를 그려 보자하는 방법을 모른다 방법에 대해 알아보십시오.

    1

    1답변

    안녕하세요 저는 .Net의 신호 R을 사용하여 사용자 HTML 캔버스를 동기화하려고 생각하고있는 게임 (우주 슈터)을 만들고 있습니다. 사용자. 그래서 나는 그의 브라우저에있는 캔버스와 함께 사용자 A가 사용자 B의 캔버스와 동기화되도록 (모든 게임 개체는 동일하게)하고 싶습니다. 사용하기에 좋은 기술이라고 생각하십니까? 그렇다면 계속 진행하는 가장 좋은

    1

    3답변

    사용자가 마우스로 원하는 부분을 마우스로 그려주는 간단한 이미지 자르기 작업을하고 있습니다. 확인하면 나머지 이미지가 잘립니다. 여기에 내가 현재 말했다 자르기를 처리하고있어 방법은 다음과 같습니다 var data = c.getImageData(0,0,canvas.width,canvas.height); for (var x = 0; x < data.wid