Image Zoom

Image Zoom - Obsidian ͼƬ��������ק���

һ���������� Obsidian ͼƬ�鿴�����֧�ֹ������ź������קƽ�ƣ�������ʧ�޵� Image Toolkit��

? ��������

• ����Ŵ������Ķ�ģʽ��ʵʱԤ��ģʽ�µ��ͼƬ����ȫ���鿴
• ����������֧���������޼����ţ������ָ��λ��Ϊ����
• ��קƽ�����Ŵ��ɰ�ס��������ק�ƶ�ͼƬ
• �����˳����� Esc ��������ɫ�������ɹر�
• ����������ԭ��ʵ�֣��޵������������������д���
• �����Ż���ʹ�� requestAnimationFrame ��������֤˿������
• ��ʽ������CSS ����ʹ��Ψһǰ׺������Ⱦ Obsidian ԭ����ʽ

? ��װ����

����һ���ֶ���װ���Ƽ���

1. ���ز���ļ�

   �����������ļ�׼���ã�

   • manifest.json
   • main.js����Ҫ�������ɣ�
   • styles.css

2. �ҵ� Obsidian ���Ŀ¼

   • �� Obsidian ���� �� ��������� �� ��ȫģʽ���رգ�
   • ����ļ���ͼ��򿪲��Ŀ¼
   • ·��ͨ��Ϊ��<��IJֿ�>/.obsidian/plugins/

3. ��������ļ���

   �� plugins Ŀ¼�´������ļ��У�image-zoom

4. �����ļ�

   �� manifest.json��main.js��styles.css �����ļ����Ƶ� image-zoom �ļ�����

5. ���ò��

   • ���� Obsidian
   • �������� �� ���������
   • �ҵ� "Image Zoom & Pan" ������

������������ģʽ��װ

1. ��¡�����ر���Ŀ

   git clone <repository-url>
   cd image-zoom-pan
   

2. ��װ����

   npm install
   

3. ������

   npm run build
   

4. ���ӵ� Obsidian

   ���������ļ����Ƶ���� Obsidian �ֿ�IJ��Ŀ¼��

   <��IJֿ�>/.obsidian/plugins/image-zoom-pan/
   

5. ���ò��

   �� Obsidian ���������ò��

?? ����ָ��

����Ҫ��

• Node.js >= 16
• npm �� yarn

��������

# ��װ����
npm install

# ����ģʽ���Զ����룩
npm run dev

# ��������
npm run build

��Ŀ�ṹ

image-zoom/
������ manifest.json    # ��������ļ�
������ main.ts          # ����ҵ���߼�
������ styles.css       # ��ʽ�ļ�
������ package.json     # ��Ŀ����
������ tsconfig.json    # TypeScript ����
������ esbuild.config.mjs  # ��������
������ README.md        # ˵���ĵ�

? ʹ��˵��

1. ���Ķ�ģʽ��ʵʱԤ��ģʽ�£���������ͼƬ
2. ͼƬ���ں�ɫ��͸�������Ͼ�����ʾ
3. �������������������ַŴ�/��СͼƬ�������λ��Ϊ���ģ�
4. ��ק�ƶ����Ŵ�󣬰�ס��������ק���ƶ�ͼƬ
5. �˳��鿴��
   • �� Esc ��
   • �����ɫ�����հ�����

?? ����ʵ��

• ��ԭ��ʵ������ʹ�� TypeScript + DOM API���޵����� UI ��
• �����Ż�����ק������ʹ�� requestAnimationFrame ����
• ��ʽ���������� CSS ����ʹ�� my-custom-zoom- ǰ׺
• ��������֧�� Obsidian v1.5+ �����ϰ汾

? ���ⷴ��

����������⣬���飺

1. Obsidian �汾�Ƿ� >= 1.5.0
2. ����Ƿ���ȷ��װ������
3. �Ƿ����Ķ�ģʽ��ʵʱԤ��ģʽ�²���

? ����֤

MIT License

? ��л

�����Դ�� Image Toolkit ����������Ϊ�����������������