«html5-canvas» 태그된 질문

닫힘 . 이 질문은 더 집중되어야 합니다. 현재 답변을 받고 있지 않습니다. 이 질문을 개선하고 싶으십니까? 이 게시물 을 편집 하여 한 가지 문제에만 집중하도록 질문을 업데이트하십시오 . 휴일 칠년 전에 . 이 질문 개선 나는 HTML 캔버스 라이브러리에 대한 연구를 해왔고이 질문을 발견했습니다. HTML 캔버스 JavaScript 라이브러리 및 프레임 …

90 javascript  html  html5-canvas 

캔버스로 일부 이미지의 크기를 조정하려고하지만 부드럽게하는 방법에 대해 잘 모르겠습니다. 포토샵, 브라우저 등에서 그들이 사용하는 몇 가지 알고리즘 (예 : bicubic, bilinear)이 있지만 이것이 캔버스에 내장되어 있는지 여부는 모르겠습니다. 여기 내 바이올린이 있습니다. http://jsfiddle.net/EWupT/ var canvas = document.createElement('canvas'); var ctx = canvas.getContext('2d'); canvas.width=300 canvas.height=234 ctx.drawImage(img, 0, 0, 300, 234); document.body.appendChild(canvas); …

90 javascript  html  image  canvas  html5-canvas 

나는 총 n00b 이며 모양, 색상 및 텍스트를 렌더링 HTML5하기 canvas위해 작업하고 있습니다. 내 앱 에는 캔버스를 동적으로 만들고 콘텐츠로 채우는 뷰 어댑터 가 있습니다. 내 텍스트가 매우 흐릿하거나 흐릿하게 렌더링된다는 점을 제외하면 정말 잘 작동합니다. 너비 와 높이 를 정의 CSS하면이 문제가 발생 하는 이유에 대한 다른 게시물을 많이 …

87 javascript  html  html5-canvas 

다음 예를 살펴보십시오. http://jsfiddle.net/MLGr4/47/ var canvas = document.getElementById("canvas"); var ctx = canvas.getContext("2d"); img = new Image(); img.onload = function(){ canvas.width = 400; canvas.height = 150; ctx.drawImage(img, 0, 0, img.width, img.height, 0, 0, 400, 150); } img.src = "http://openwalls.com/image/1734/colored_lines_on_blue_background_1920x1200.jpg"; 보시다시피 drawImage가 자동으로 앤티 앨리어싱을 적용한다고하지만 이미지는 앤티 앨리어싱되지 않습니다. 여러 가지 …

82 html  canvas  html5-canvas  interpolation  antialiasing 

HTML Canvas의 내용을 바이너리 데이터로 읽는 방법이 있습니까? 현재 입력 파일과 그 아래에 캔버스를 표시하는 다음 HTML이 있습니다. <p><button id="myButton" type="button">Get Image Content</button></p> <p>Input:<input id="fileInput" type="file"/></p> <p>Canvas<canvas id="myCanvas" width="578" height="200"/></p> 그런 다음 제대로 작동하는 캔버스를 올바르게 설정하도록 입력 파일을 설정했습니다. $('#fileInput').on('change', function() { $.each(this.files, function() { var image = new …

79 javascript  html  html5-canvas  fileapi 

( Chartjs-tsgauge ) 기반 게이지 차트를 사용하고 있습니다. 게이지 한계와 별도로 차트의 배경색을 설정하고 싶습니다. 내가 사용한 플러그인에 배경에 대한 코드가 없기 때문에 Charts.JS가 배경을 렌더링 하는 방법에 대한 문제 . 예를 들어, 한계가있는 게이지가 있습니다 [0, 20, 40, 60, 80, 100]. [0-30]녹색, [30-70]노란색 및 [70-100]빨간색 으로 설정하고 싶습니다 . …

9 javascript  html5-canvas  chart.js