«canvas» 태그된 질문

내 캔버스의 기본 배경색 인 것처럼 보이는 것을 검정색에서 투명 / 다른 색상으로 변경하려고 시도했지만 운이 없습니다. 내 HTML : <canvas id="canvasColor"> 내 CSS : <style type="text/css"> #canvasColor { z-index: 998; opacity:1; background: red; } </style> 다음 온라인 예제에서 볼 수 있듯이 캔버스에 애니메이션이 추가되어 있으므로 불투명도를 수행 할 수 …

122 css  html  canvas  html5-canvas  three.js 

기본적으로 확대 / 축소 및 이동 가능한 그래프에서 수천 개의 포인트를 렌더링하는 프로젝트를 업데이트하는 데 사용할 올바른 기술을 선택하려고합니다. Protovis를 사용하는 현재 구현은 성능이 저조합니다. 여기에서 확인하세요 : http://www.planethunters.org/classify 완전히 축소하면 약 2000 개의 포인트가 있습니다. 하단의 핸들을 사용하여 약간 확대하고 드래그하여 이동해보세요. 컴퓨터가 정말 빠르지 않으면 매우 고르지 않고 …

114 html  canvas  svg  d3.js  kineticjs 

높이 600가 1000픽셀이고 너비가 수만 또는 수십만 픽셀 인 캔버스 요소로 작업하고 있습니다. 그러나 특정 픽셀 수 (분명히 알려지지 않음)가 지나면 캔버스에 JS로 그린 모양이 더 이상 표시되지 않습니다. 제한이 있는지 아는 사람이 있습니까? Chrome 12 및 Firefox 4에서 모두 테스트되었습니다.

112 javascript  html  canvas 

Canvas에서 이미지를 어떻게 열 수 있습니까? 인코딩 된 나는 var strDataURI = oCanvas.toDataURL(); 출력은 인코딩 된 base 64 이미지입니다. 이 이미지를 캔버스에 어떻게 그릴 수 있습니까? 를 사용 strDataURI 하고 이미지를 만들고 싶습니다 . 그것은 poosible입니까? 그렇지 않다면 캔버스에 이미지를로드하는 솔루션은 무엇일까요?

112 image  html  canvas  data-uri 

특정 위치의 색상을 얻기 위해 HTML Canvas 객체를 쿼리 할 수 ​​있습니까?

111 javascript  html  canvas 

마우스를 사용하여 HTML Canvas에 그리고 싶습니다 (예 : 서명 그리기, 이름 그리기, ...) 어떻게 할 수 있습니까? 소스 코드를주세요. 감사합니다

110 html  canvas  gesture-recognition  gestures 

텍스트에 "\ n"이 포함되어 있으면 캔버스에 텍스트를 추가 할 수없는 것 같습니다. 내 말은, 줄 바꿈이 표시되지 않거나 작동하지 않습니다. ctxPaint.fillText("s ome \n \\n <br/> thing", x, y); 위의 코드는 "s ome \n <br/> thing"한 줄에 를 그립니다 . 이것이 fillText의 제한입니까 아니면 내가 잘못하고 있습니까? "\ n"이 있고 인쇄되지 …

108 javascript  html  canvas  line  break 

닫힘 . 이 질문은 의견 기반 입니다. 현재 답변을 받고 있지 않습니다. 이 질문을 개선하고 싶으십니까? 이 게시물 을 편집 하여 사실과 인용으로 답변 할 수 있도록 질문을 업데이트하십시오 . 휴일 칠년 전에 . 이 질문 개선 현재 새 HTML 5 응용 프로그램에서 캔버스 작업을위한 옵션을 조사하고 있으며 HTML 캔버스 …

107 javascript  frameworks  html  canvas 

HTML의 새로운 캔버스 요소로 약간 실험하고 있습니다. 캔버스에 이미지를 추가하고 싶지만 어떤 이유로 작동하지 않습니다. 다음 코드가 있습니다. HTML <canvas id="viewport"></canvas> CSS canvas#viewport { border: 1px solid white; width: 900px; } JS var canvas = document.getElementById('viewport'), context = canvas.getContext('2d'); make_base(); function make_base() { base_image = new Image(); base_image.src = 'img/base.png'; …

106 javascript  html  canvas 

나는 한동안 해결책을 찾고 있었지만 아무것도 찾지 못했습니다. 내 검색어 일 수도 있습니다. 글쎄, 브라우저 창의 크기에 따라 캔버스 중앙을 만들려고합니다. 캔버스는 800x600입니다. 그리고 윈도우가 800x600 미만이면 크기도 조정되어야합니다 (현재로서는 그다지 중요하지 않습니다).

105 html  canvas  css  resize 

이 질문에 답하는 stackoverflow에 대한 몇 가지 다른 게시물과 질문을 발견했습니다. 기본적 으로이 게시물 과 동일한 것을 구현하고 있습니다. 그래서 여기에 내 문제가 있습니다. 사진을 업로드 할 때 나머지 양식도 제출해야합니다. 내 HTML은 다음과 같습니다. <form id="uploadImageForm" enctype="multipart/form-data"> <input name="imagefile[]" type="file" id="takePictureField" accept="image/*" onchange="uploadPhotos(\'#{imageUploadUrl}\')" /> <input id="name" value="#{name}" /> ... …

102 javascript  html  canvas 

노드에 캔버스 모듈을 설치하는 데 문제가 있습니다. 카이로에 문제가있는 것 같습니다.이 오류가 발생합니다. npm http GET https://registry.npmjs.org/canvas npm http 304 https://registry.npmjs.org/canvas npm http GET https://registry.npmjs.org/nan npm http 304 https://registry.npmjs.org/nan > canvas@1.1.3 install /Users/plimb/Desktop/motion-therapy/node_modules/canvas > node-gyp rebuild Package cairo was not found in the pkg-config search path. Perhaps you should add …

101 node.js  canvas  terminal  cairo 

캔버스 그리기 탭이 있고 lineWidth가 마지막 두 개의 mousemove 좌표 업데이트 사이의 거리를 기반으로하기를 원합니다. 거리를 너비로 직접 변환 할 것입니다.이 점들 사이의 거리를 얻는 방법을 알아야합니다 (이미 해당 점의 좌표가 있습니다).

100 javascript  canvas 

@ font-face를 통해로드 된 서체로 캔버스에 텍스트를 그릴 때 텍스트가 올바르게 표시되지 않습니다. 전혀 표시되지 않거나 (Chrome 13 및 Firefox 5에서) 서체가 잘못되었습니다 (Opera 11). 이러한 유형의 예기치 않은 동작은 서체가있는 첫 번째 드로잉에서만 발생합니다. 그 후 모든 것이 잘 작동합니다. 표준 행동입니까? 감사합니다. 추신 : 다음은 테스트 케이스의 소스 …

97 html  canvas  font-face 

캔버스에 다각형을 그리는 방법을 알아야합니다. jQuery 또는 이와 유사한 것을 사용하지 않고.

95 javascript  css  html  canvas