canvas api로 antialiasing이 적용되지 않은 선을 그려서 이미지로 추출하고자 합니다.

Question

제목 그대로 canvas api로 antialiasing이 적용되지 않은 선을 그려서 이미지로 추출하고자 합니다.. canvas api를 쓰면서lineTo, stroke를 이용해서 유저가 선을 그릴 수 있도록 합니다.그 다음에 방금 말한 유저가 그린 부분을 최종적으로 blob 형식의 데이터로 서버로 전송하고자 합니다.이 때, antialiasing이 적용되지 않은 채로 보내야 하는데, 검색해본 결과 drawImage로 만드는 이미지가 아닌 이상강제로 적용되는 antialiasing을 막을 방법은 없는 것 같은데..아예 구현 불가능한 걸까요? 아니면 혹시 제가 찾지 못한 다른 방법이 있는건지 궁금합니다.!

mirheeoj · Accepted Answer

https://dev.to/dailydevtips1/vanilla-javascript-canvas-images-to-black-and-white-mpe캔버스 내부 데이터를 조작하여 색상을 단순화시키는 방법이 설명되어 있습니다. 같은 방식으로 중간 색을 다 없애버리면 바로 그 원하시는 안티알리아이싱이 없는 이미지가 생성되겠지요. 참고해 보세요.

canvas api로 antialiasing이 적용되지 않은 선을 그려서 이미지로 추출하고자 합니다.

1개의 답변

#canvas 목록