캔버스에서 손으로 그리기 시뮬레이션

캔버스 요소를 시뮬레이트하는 JavaScript 라이브러리가 있지만 직선을 작성하는 대신 작성된 선이 '자유형'또는 '손으로 그린'모양입니까?캔버스에서 손으로 그리기 시뮬레이션

존재한다면 매우 멋지 겠지만 누군가 이미 이미 완료 했어야합니다. 또한이 수학에 관련된 기사가있는 경우이 라이브러리를 직접 구현할 수 있으므로 흥미가 있습니다.

2011-12-04 Dennkster

내가 정확히 라이브러리가 알아서 될지 정말 모르겠어요,하지만 난 한 번 당신이 설명하는지의 아주 사소한 버전 생성 : HTTP를 : //pimvdb.github.com/. – pimvdb

@pim 나는 이것이 그가 의미하는 것이라고 생각하지 않는다 : 그는 프로그래밍 방식으로 한 좌표 쌍에서 다른 좌표 쌍으로 선을 그릴 수있는 라이브러리를 원한다고 생각한다. –

거기에 어떤 업데이트가 있습니까? 3 년 전부터 새로운 라이브러리가 있습니까? –

나는 몇 년 전에 이것에 대해 뭔가를 읽었습니다. 덧붙여 그 기사는 캔버스에 자바 스크립트에서 그것을하고 있었다. 아이디어는 기본적으로 Bresenham의 선 그리기 알고리즘과 같은 것을 사용하여 픽셀 단위로 선을 그리지 만 선상에 임의의 편차/관절을 추가하도록 수정합니다. 이것이 내가이 시간에 읽고 있던 페이지 인 경우

나는 확실하지 않다 그러나 이것은 구글이 지금까지 가져온 것입니다 : 바탕으로 http://29a.ch/2010/2/10/hand-drawn-lines-algorithm-javascript-canvas-html5

출처

2011-12-04 15:06:55 slebetman

이것은 내가 무엇을 찾고 있었는지, 품질은 내가 바라는 것보다 조금 덜한 것 같다. 그러나 그것은 올바른 방향이다. :) – Dennkster

article 당신은 내가위한 만화 스타일 JS 그리기 라이브러리를 생성 언급 SVG 및 HTML5 캔버스. Raphael.js, D3.js 또는 SVG.js 또는 Canvas의 lib 용 플러그인으로 작동합니다. comic.js이라고하며 github에서 찾을 수 있습니다.

이 그것을 생산할 수있는 :

comic.js screenshot

출처

2014-12-13 18:01:06

캔버스에서 손으로 그리기 시뮬레이션

답변

관련 문제