Painterro는 모든 웹 사이트 또는 웹 앱을 위한 간단하지만 강력한 오픈 소스 JS 페인트입니다.
래스터 이미지를 매우 빠르게 처리 할 수 있습니다. 여기에서 기능을 검토합니다.
https://hinty.io/devforth/simplest-js-paint/
Cropping
? 기본적으로 선택 도구가 활성화되어 있으므로 Painterro에서 파일을 연 직후에 관심 영역 선택을 시작할 수 있습니다 (예를 들어 document.onpaste에 의해 트리거 될 수 있음).
이미지에 남기고 싶은 영역을 선택한 후 자르기 ()를 한 번 누르기 만하면 됩니다.
또는 더 간단합니다. 키보드에서 [C]를 누르기 만하면 됩니다.
그건 그렇고, 어떤 shortcout이 사용되는지 배우려면 도구 위에 마우스를 올려 놓고 힌트를 확인하십시오.
Pixelizing
? 숨기고 싶은 이미지 또는 스크린 샷에 대한 민감한 정보가 우연히 발견 된 경우 선택하기 만하면 됩니다.
그리고 [P]를 누릅니다.
Line, Rectangle, Circle primitives in js paint
⬛ js paint librarry의 가장 일반적인 시나리오 중 하나는 이미지에서 개체를 강조하는 것입니다. 밑줄을 긋거나 직사각형 / 원으로 감싸서 할 수 있습니다.
도구의 선 및 채우기 색상을 선택할 수 있으며 알파 채널도 지원합니다.
선 너비도 조정할 수 있습니다. 여기에 10px 테두리가 있는 반투명 분홍색 사각형을 그렸습니다.
Arrows
↗ 화살표는 이미지에 무언가를 정의하는 훌륭한 도구입니다. 이 게시물은 HINTY 플랫폼에서 작성되었으므로 편집기 내부에 painterro도 있습니다.
여기에서 선 너비와 화살표 길이를 제어 할 수 있습니다.
Text tool
? 텍스트 추가-모든 JS 페인트에 필요한 기능입니다. [T]를 누르고 테스트를 추가 할 위치를 클릭하고 입력을 시작하면 됩니다.
포맷 지원? 예!
내부 텍스트를 선택하고 CTRL + I, CTRL + B, CTRL + U를 누릅니다.
Painterro의 작성자로서 서식 지정을 제한하고 싶지 않았으므로 예를 들어 HTML 형식의 텍스트를 복사하여 Google 문서에서 만들 수도 있습니다.
활성화 된 텍스트 도구에 복사하여 붙여 넣기 만하면 됩니다.
Rotating, resizing and scaling
단순화를 위해 90도 회전 만 있습니다. 다른 각도가 필요한 경우 github 문제에 대해 부자 ?
이미지 해상도를 개선하려면 배율 기능을 사용할 수 있습니다.
이미지 크기를 조정하고 빈 색상으로 느끼면 크기 조정을 사용하십시오.
Mobile?
? 물론-간단한 toollbar 스 와이프를 사용하므로 더 작은 장치에서 작업 할 수 있습니다.
Painterro js 페인트의 기술적 요구 사항
유용한 링크
등록된 댓글이 없습니다.
