안녕하세요 여러분,
팀원 @vliboolean1010과 함께 새로 만든 Discourse 테마 컴포넌트인 'Image Annotator’를 소개하게 되어 매우 기쁩니다.
에디터에서 이미지를 클릭하면 다음 기능이 활성화됩니다.
리포지토리: GitHub - discourse/discourse-image-annotator: image annotation theme component · GitHub
잘하셨네요! s3에 호스팅된 이미지로 테스트해 보셨나요? s3를 활성화하면 교차 출처 요청(cross origin request) 오류가 발생합니다.
정말 감사합니다. 너무 멋져요
안녕하세요 @davidkingham,
문제를 자세히 보고해 주셔서 감사합니다. 해당 문제를 해결하기 위해, 온라인 소스에서 이미지를 업로드하는 대신 로컬 장치에서 이미지를 업로드하는 대안을 제안드립니다. 
춘, 고마워요. 하지만 그건 같은 문제가 아니에요. 저는 로컬 디바이스에서 업로드를 시작하지만, 이미지는 S3 엔드포인트로 업로드되는 거고, 바로 그 부분이 문제의 원인이거든요.
사용자 이름으로 사진을 자동으로 워터마킹하는 데 사용할 수 있을 것 같긴 한데, 어떻게 해야 할지 잘 모르겠어요. 혹시 [username]@[site domain]을 출력하는 다른 버튼을 추가하는 건 어떨까요?
사진에 낙서를 할 수 있는 기능이 있나요?
제가 겪고 있는 문제를 말씀드리겠습니다. 큰 이미지(예: 튜토리얼용 포럼 스크린샷)를 업로드하면 이미지 최대 크기 설정에 따라 자동으로 표시가 제한됩니다. 큰 이미지의 경우 불가능할 정도로 작게 축소되어 표시되는데, 이때 원래의 큰 버전은 편집할 수 없으므로 문제가 됩니다.
결국 이 기능은 원박스(oneboxed) 설정보다 작은 이미지에서만 유용해집니다. 저희 설정은 예를 들어 400 x 400입니다.
아래 이미지는 동일한 두 개의 이미지를 보여주는데, 하나는 이 컴포넌트로 편집한 것입니다. 컴포넌트가 이미지를 알아볼 수 없을 정도로 작게 렌더링합니다.
원박스된 버전이 아니라 원본 이미지를 편집할 수 있도록 설정해 주시면 정말 훌륭하겠습니다.
그래도 좋은 시작입니다. 이 기능의 유용성은 확실히 체감하고 있습니다!
게시글이 저장된 후에도 주석을 수정할 수 있나요?
그렇지 않아 보여. 편집을 완료하면 이미지를 다시 저장해.
현재 그런 기능은 없습니다.
이미지 작성 오류
이 이슈를 #customization:theme:broken-theme으로 옮기고, pr-welcome 태그를 추가했습니다.
적절한 권장 테마 컴포넌트가 되려면 상당한 작업과 지원이 필요하다고 생각합니다.
이미지 주석 처리 관련 문제를 일부 수정했습니다.
PR 링크는 다음과 같습니다:
멋지네요, Nam 감사합니다. 더 이상 오류가 발생하지 않고 이미지도 저장되니 정말 좋습니다.
위 걸작을 만들면서 이 도구를 사용할 때 꽤 많은 작은 불편한 점들을 발견했습니다. 여러 번 주석이 잘못된 영역에서 초기화되었습니다. 툴바뿐만 아니라 편집 영역도 페이지 중간까지 내려가 있었습니다. 이게 왜 일어나는지 찾아낼 수 있을까요?
Jquery 제거를 위한 PR 링크는 다음과 같습니다:
컴포넌트에 "크롭"과 “회전” 컨트롤을 추가할 수 있을지 궁금합니다. 정말 유용할 것 같은 기능인 것 같아요.
가능한 한 빨리 확인해 보겠습니다!
전혀 서두를 필요 없어요. 이 컴포넌트가 주목을 받게 될 생각을 하면 정말 기대가 됩니다. 잠재력이 정말 크거든요.
