2014-04-07 4 views
0
나는 사용자가 자신의 얼굴 사진을 업로드 한 후 이와 예를 들어 양식에 일치시키는 결과를 반환 할 수 있도록 웹 사이트를 구축하기 위해 노력하고있어

:기하학적 효과 이미지 조작

http://i.imgur.com/aDYug86.jpg

나는 그래픽은 아니에요 전문가라면 어떤 방법 으로든이 이미지 조작 효과를 설명하는 정확한 용어를 모를 것입니다.

나는 약간의 JavaScript image libraries (Fabric, Pixastic)을 보았다. 그러나 그들은 단지 내가 바라는 것이 아닌 상당히 기본적인 픽셀 효과를 제공하는 것처럼 보인다.

누구든지 적절한 JavaScript 라이브러리의 올바른 방향으로 나를 지적 할 수 있다면 영원히 감사 할 것입니다!

답변

1

이 구현해야합니다 :

이 다각형의 필드와 조합 (Voroni/Delaunay tesselation) 매우 구체적인 사용을 나타냅니다 상대적으로 복잡한 영역으로 (이다 이미지의 효과). 아마 삼각 측량만으로도 벗어날 수 있지만, 거기에는 기본을 가지고 도울 수있는 라이브러리가 있으며 거기에서 이미지와 색상 값에 적용 할 수 있습니다. 여기

당신을 시작하는 프로젝트의 커플 :

+2

Paper.js가 자사의 웹 사이트에 Voroni 예 http://paperjs.org/examples/voronoi/ – Christoph

+1

Delaunay 삼각 측량을 만드는 것이 전체적인 이야기는 아닙니다. 첫 번째로, 정점은 대략 균질 한 영역이 될 수있는 방식으로 선택되어야합니다. 사실 이미지 분할 문제입니다. 나는이 논문을 살펴볼 것이다. http://ieeexplore.ieee.org/xpl/login.jsp?tp=&arnumber=4517766&url=http%3A%2F%2Fieeexplore.ieee.org%2Fiel5%2F4505270%2F4517521%2F04517766 .pdf % 3 확인 % 3D4517766; http://i.cs.hku.hk/~yzyu/publication/imgseg.pdf –