옵시디언 플러그인/커뮤니티 플러그인

이미지 뷰어처럼 이미지를 볼 수 있는 Image Toolkit 플러그인

반응형

개요

Image Toolkit는 이미지를 클릭하면 팝업되어 이미지 뷰어처럼 확대/축소, 이동, 회전, 뒤집기, 색상 반전 및 복사할 수 있는 플러그인입니다.

Plugin Info
플러그인 명 Image Toolkit
플러그인 설명 이미지 뷰어처럼 이미지를 볼 수 있는 플러그인
플러그인 분류 파일 관리, 이미지 
Github 링크 Github 링크
옵시디언 링크 플러그인 링크
별점 ⭐⭐

기능

  • 마우스 휠이나 도구 모음 확대 아이콘을 클릭하여 이미지를 확대 또는 축소
  • 마우스 커서를 드래그하거나 키보드 화살표 키를 눌러 이미지 이동
  • 전체 화면 모드에서 이미지 미리보기
  • 도구 모음 아이콘을 클릭하여 이미지 회전, 뒤집, 색상 반전, 복사

Normal 모드

  • 이미지를 클릭하면 배경에 투명 마스크 레이어와 함께 이미지가 팝업됩니다.
  • 한 번에 하나의 이미지만 클릭하여 미리볼 수 있습니다.
  • 일반 모드에서는 이미지를 보고 조작하는 것 외에 메모를 편집하거나 다른 작업을 할 수 없습니다.
  • 현재 노트의 모든 이미지가 하단에 표시되며, 이 썸네일을 전환하여 원하는 이미지를 볼 수 있습니다.

Pin 모드

  • 한 번에 1에서 5개의 이미지를 클릭하여 팝업할 수 있습니다
  • 일반 모드에 비해, 이미지를 클릭하면 마스크 레이어 없이 이미지가 팝업됩니다
  • 이미지가 팝업되어 미리보는 동안 메모를 편집하고 조회하는 것이 허용됩니다

모드 선택

설정 - Choose a mode to view images에서 Normal, Pin모드를 선택할 수 있습니다.

관련 글

 

[CSS Snippet] 이미지 확대기능 구현하기

이미지 확대을 CSS Snippet으로 구현 예시 CSS Snippet @media (hover: hover) { .image-embed.is-loaded img, .markdown-preview-view .internal-embed:not(:has(> img)) img { line-height: 0; background-color: transparent; } img:not(.callout-content img)

kaminik.tistory.com


 

반응형