JavaScript로 다양한 모자이크 처리
소개
사각형 이외의 모자이크는 어떤 느낌이 될 것이라고 생각했기 때문에 만들어 보았습니다.
이미지
삼각형에 의한 모자이크

육각형에 의한 모자이크

팔각형과 사각형으로 모자이크

원에 의한 모자이크 (틈새도 평균화)

사각형으로 모자이크

프로그램
codepen에 썼습니다.
처리 자체는 비교적 좋은 가감이므로 적당히 고쳐 사용하십시오.
See the Pen Polygon Mosaic by Shinichiro Maki ( @olj611 )
on CodePen .
Reference
이 문제에 관하여(JavaScript로 다양한 모자이크 처리), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/PG0721/items/229dee66cb62e255ca4a
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
삼각형에 의한 모자이크

육각형에 의한 모자이크

팔각형과 사각형으로 모자이크

원에 의한 모자이크 (틈새도 평균화)

사각형으로 모자이크

프로그램
codepen에 썼습니다.
처리 자체는 비교적 좋은 가감이므로 적당히 고쳐 사용하십시오.
See the Pen Polygon Mosaic by Shinichiro Maki ( @olj611 )
on CodePen .
Reference
이 문제에 관하여(JavaScript로 다양한 모자이크 처리), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/PG0721/items/229dee66cb62e255ca4a
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
Reference
이 문제에 관하여(JavaScript로 다양한 모자이크 처리), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/PG0721/items/229dee66cb62e255ca4a텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)