Skip to content

Feat: image zoom #30

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
Neko-vecter merged 2 commits into from
Feb 27, 2026
Merged

Feat: image zoom #30

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
97a2d70
feat: add img zoom
Neko-vecter Feb 27, 2026
4b7eeb4
docs: update image zoom
Neko-vecter Feb 27, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
14 changes: 7 additions & 7 deletions docs/accessories-docs/display/HDMI5-display/hdmi5-display.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@ import TabItem from '@theme/TabItem';

<div class="div-table">

<img src={require('./img/HDMI5_Title.png').default} width="45%" class="right-image"/>
<ImageView src={require('./img/HDMI5_Title.png').default} width="45%" class="right-image"/>

## 产品规格

Expand All @@ -32,11 +32,11 @@ import TabItem from '@theme/TabItem';

## 尺寸

<img src={require('./img/HDMI5_Dimension.png').default} width="80%"/>
<ImageView src={require('./img/HDMI5_Dimension.png').default} width="80%"/>

## 接口示意图

<img src={require('./img/HDMI5_Interface.png').default} width="80%"/>
<ImageView src={require('./img/HDMI5_Interface.png').default} width="80%"/>

## 硬件配置

Expand All @@ -50,19 +50,19 @@ import TabItem from '@theme/TabItem';

将3.5毫米耳机/扬声器插入AUDIO接口，实现音频输出。

<img src={require('./img/HDMI5_Audio.png').default} width="80%"/>
<ImageView src={require('./img/HDMI5_Audio.png').default} width="80%"/>

### 屏幕亮度调整

BIGTREETECH HDMI5 V1.0 支持亮度调节，可以通过 `Ks1` 按钮增加亮度，通过 `Ks3` 按钮降低亮度。

<img src={require('./img/HDMI5_Brightness.png').default} width="80%"/>
<ImageView src={require('./img/HDMI5_Brightness.png').default} width="80%"/>

### 显示方向调整

BIGTREETECH HDMI5 V1.0 支持通过 `Ks2` 按钮进行水平显示方向调整。

<img src={require('./img/HDMI5_Direction.png').default} width="80%"/>
<ImageView src={require('./img/HDMI5_Direction.png').default} width="80%"/>

### 指示灯

Expand Down Expand Up @@ -92,4 +92,4 @@ hdmi_drive=1

进入系统桌面后，右键单击右上角的音频源图标，然后选择HDMI。

<img src={require('./img/HDMI5_Desktop.png').default} width="80%"/>
<ImageView src={require('./img/HDMI5_Desktop.png').default} width="80%"/>
14 changes: 7 additions & 7 deletions docs/accessories-docs/display/HDMI7-v1-display/hdmi7-v1-display.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@ import TabItem from '@theme/TabItem';

<div class="div-table">

<img src={require('./img/HDMI7_Title.png').default} width="45%" class="right-image"/>
<ImageView src={require('./img/HDMI7_Title.png').default} width="45%" class="right-image"/>

## 产品规格

Expand All @@ -32,11 +32,11 @@ import TabItem from '@theme/TabItem';

## 尺寸

<img src={require('./img/HDMI7_Dimension.png').default} width="80%"/>
<ImageView src={require('./img/HDMI7_Dimension.png').default} width="80%"/>

## 接口示意图

<img src={require('./img/HDMI7_Interface.png').default} width="80%"/>
<ImageView src={require('./img/HDMI7_Interface.png').default} width="80%"/>

## 硬件配置

Expand All @@ -50,19 +50,19 @@ import TabItem from '@theme/TabItem';

将3.5毫米耳机/扬声器插入AUDIO接口，实现音频输出。

<img src={require('./img/HDMI7_Audio.png').default} width="80%"/>
<ImageView src={require('./img/HDMI7_Audio.png').default} width="80%"/>

### 屏幕亮度调整

BIGTREETECH HDMI7 V1.0 支持亮度调节，可以通过 `Ks1` 按钮增加亮度，通过 `Ks3` 按钮降低亮度。

<img src={require('./img/HDMI7_Brightness.png').default} width="80%"/>
<ImageView src={require('./img/HDMI7_Brightness.png').default} width="80%"/>

### 显示方向调整

BIGTREETECH HDMI7 V1.0 支持通过 `Ks2` 按钮进行水平显示方向调整。

<img src={require('./img/HDMI7_Direction.png').default} width="80%"/>
<ImageView src={require('./img/HDMI7_Direction.png').default} width="80%"/>

### 指示灯

Expand Down Expand Up @@ -92,4 +92,4 @@ hdmi_drive=1

进入系统桌面后，右键单击右上角的音频源图标，然后选择HDMI。

<img src={require('./img/HDMI7_Desktop.png').default} width="80%"/>
<ImageView src={require('./img/HDMI7_Desktop.png').default} width="80%"/>
14 changes: 7 additions & 7 deletions docs/accessories-docs/display/HDMI7-v1_2-display/hdmi7-v1_2-display.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@ import TabItem from '@theme/TabItem';

<div class="div-table">

<img src={require('./img/HDMI7V1.2_Title.png').default} width="50%" class="right-image"/>
<ImageView src={require('./img/HDMI7V1.2_Title.png').default} width="50%" class="right-image"/>

## 产品规格

Expand All @@ -32,11 +32,11 @@ import TabItem from '@theme/TabItem';

## 尺寸

<img src={require('./img/HDMI7V1.2_Dimension.png').default} width="80%"/>
<ImageView src={require('./img/HDMI7V1.2_Dimension.png').default} width="80%"/>

## 接口示意图

<img src={require('./img/HDMI7V1.2_Interface.png').default} width="80%"/>
<ImageView src={require('./img/HDMI7V1.2_Interface.png').default} width="80%"/>

## 硬件配置

Expand All @@ -52,19 +52,19 @@ import TabItem from '@theme/TabItem';

将3.5毫米耳机/扬声器插入AUDIO接口，实现音频输出。

<img src={require('./img/HDMI7V1.2_Audio.png').default} width="80%"/>
<ImageView src={require('./img/HDMI7V1.2_Audio.png').default} width="80%"/>

### 屏幕亮度调整

BIGTREETECH HDMI7 V1.2 支持亮度调节，可以通过 `Ks1` 按钮增加亮度，通过 `Ks3` 按钮降低亮度。

<img src={require('./img/HDMI7V1.2_Screen.png').default} width="80%"/>
<ImageView src={require('./img/HDMI7V1.2_Screen.png').default} width="80%"/>

### 显示方向调整

BIGTREETECH HDMI7 V1.0 支持通过 `Ks2` 按钮进行水平显示方向调整。

<img src={require('./img/HDMI7V1.2_Display.png').default} width="80%"/>
<ImageView src={require('./img/HDMI7V1.2_Display.png').default} width="80%"/>

### 指示灯

Expand Down Expand Up @@ -94,4 +94,4 @@ hdmi_drive=1

进入系统桌面后，右键单击右上角的音频源图标，然后选择HDMI。

<img src={require('./img/HDMI7V1.2_RPI.png').default} width="80%"/>
<ImageView src={require('./img/HDMI7V1.2_RPI.png').default} width="80%"/>
6 changes: 3 additions & 3 deletions docs/accessories-docs/display/TFT24/tft24.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@ import TabItem from '@theme/TabItem';

<div class="div-table">

<img src={require('./img/TFT24_Title.png').default} width="45%" class="right-image"/>
<ImageView src={require('./img/TFT24_Title.png').default} width="45%" class="right-image"/>

## 产品规格

Expand All @@ -29,11 +29,11 @@ import TabItem from '@theme/TabItem';

## 尺寸

<img src={require('./img/TFT24_Diagram.png').default} width="50%"/>
<ImageView src={require('./img/TFT24_Diagram.png').default} width="50%"/>

## 接口示意图

<img src={require('./img/TFT24_Interface.png').default} width="50%"/>
<ImageView src={require('./img/TFT24_Interface.png').default} width="50%"/>

:::info[固件与功能选择]

Expand Down
6 changes: 3 additions & 3 deletions docs/accessories-docs/display/TFT35-E3/tft35-e3.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@ import TabItem from '@theme/TabItem';

<div class="div-table">

<img src={require('./img/TFT35_E3_Title.png').default} width="45%" class="right-image"/>
<ImageView src={require('./img/TFT35_E3_Title.png').default} width="45%" class="right-image"/>

## 产品简介

Expand Down Expand Up @@ -42,7 +42,7 @@ TFT35-E3 是一款中等尺寸、双模、超清晰的3D打印机显示器，可

## 尺寸

<img src={require('./img/TFT35_E3_Diagram.png').default} width="50%"/>
<ImageView src={require('./img/TFT35_E3_Diagram.png').default} width="50%"/>

## 接口示意图

Expand All @@ -56,7 +56,7 @@ TFT35-E3 是一款中等尺寸、双模、超清晰的3D打印机显示器，可

:::

<img src={require('./img/TFT35_E3_Interface.png').default} width="50%"/>
<ImageView src={require('./img/TFT35_E3_Interface.png').default} width="50%"/>

## 软件配置

Expand Down
12 changes: 6 additions & 6 deletions docs/accessories-docs/display/TFT35-SPI/tft35-spi.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -27,15 +27,15 @@ import TabItem from '@theme/TabItem';

## 尺寸

<img src={require('./img/TFT35_SPI_Dimension.png').default} width="50%"/>
<ImageView src={require('./img/TFT35_SPI_Dimension.png').default} width="50%"/>

## 接口示意图

<img src={require('./img/TFT35_SPI_Interface.png').default} width="50%"/>
<ImageView src={require('./img/TFT35_SPI_Interface.png').default} width="50%"/>

## Pinout

<img src={require('./img/TFT35_SPI_Pinout.png').default} width="50%"/>
<ImageView src={require('./img/TFT35_SPI_Pinout.png').default} width="50%"/>

## 软件安装

Expand All @@ -49,13 +49,13 @@ V2.2.0及更早版本的操作系统不支持 TFT35 SPI。需要使用 V2.2.1

CB1 系统 img [bigtreetech/CB1/releases](https://github.com/bigtreetech/CB1/releases)

<img src={require('./img/TFT35_SPI_Soft1.png').default} width="80%"/>
<ImageView src={require('./img/TFT35_SPI_Soft1.png').default} width="80%"/>

操作系统写入SD卡后，有一个名为 `BOOT` 的 `FAT32` 分区，用 VSCode 打开 `BoardEnv.txt` 文件。

取消注释覆盖 `=tft35_spi` 以启用 tft35 spi 屏幕

<img src={require('./img/TFT35_SPI_Soft2.png').default} width="80%"/>
<ImageView src={require('./img/TFT35_SPI_Soft2.png').default} width="80%"/>

:::warning[已知问题]

Expand All @@ -65,4 +65,4 @@ CB1 系统 img [bigtreetech/CB1/releases](https://github.com/bigtreetech/CB1/rel

:::

<img src={require('./img/TFT35_SPI_Soft3.png').default} width="80%"/>
<ImageView src={require('./img/TFT35_SPI_Soft3.png').default} width="80%"/>
6 changes: 3 additions & 3 deletions docs/accessories-docs/display/TFT35/tft35.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@ import TabItem from '@theme/TabItem';

<div class="div-table">

<img src={require('./img/TFT35_V3.0_Title.png').default} width="45%" class="right-image"/>
<ImageView src={require('./img/TFT35_V3.0_Title.png').default} width="45%" class="right-image"/>

## 产品规格

Expand All @@ -29,11 +29,11 @@ import TabItem from '@theme/TabItem';

## 尺寸

<img src={require('./img/TFT35_V3.0_Diagram.png').default} width="50%"/>
<ImageView src={require('./img/TFT35_V3.0_Diagram.png').default} width="50%"/>

## 接口示意图

<img src={require('./img/TFT35_V3.0_Interface.png').default} width="50%"/>
<ImageView src={require('./img/TFT35_V3.0_Interface.png').default} width="50%"/>

:::info

Expand Down
2 changes: 1 addition & 1 deletion docs/accessories-docs/display/TFT43-DIP/tft43-dip.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@ import TabItem from '@theme/TabItem';

<div class="div-table">

<img src={require('./img/TFT43_DIP_Title.png').default} width="45%" class="right-image"/>
<ImageView src={require('./img/TFT43_DIP_Title.png').default} width="45%" class="right-image"/>

## 产品简介

Expand Down
8 changes: 4 additions & 4 deletions docs/accessories-docs/extruder/h2-v2x/h2-v2x-hardware.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -34,12 +34,12 @@ EVA3 适配件 [bigtreetech/H2-V2X/3D Model/EVA3](https://github.com/bigtreetech

XYZ尺寸: $53.9 mm * 37.88 mm * 51.52 mm$

<img
<ImageView
src={require('./img/H2V2X_Dimension1.png').default}
alt="h2 v2x" width="60%"
/>

<img
<ImageView
src={require('./img/H2V2X_Dimension2.png').default}
alt="h2 v2x" width="60%"
/>
Expand All @@ -51,7 +51,7 @@ XYZ尺寸: $53.9 mm * 37.88 mm * 51.52 mm$
:::

<div class="div-table">
<img
<ImageView
src={require('./img/H2V2X_Filament1.png').default}
alt="h2 v2x" width="35%" class="right-image"
/>
Expand All @@ -69,7 +69,7 @@ XYZ尺寸: $53.9 mm * 37.88 mm * 51.52 mm$

<div class="div-table">

<img
<ImageView
src={require('./img/H2V2X_motor1.png').default}
alt="h2 v2x" width="60%" class="right-image"
/>
Expand Down
2 changes: 1 addition & 1 deletion docs/accessories-docs/extruder/h2-v2x/h2-v2x.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,7 @@ import DocCardList from '@theme/DocCardList';

<div class="div-table">

<img
<ImageView
src={require('./img/h2-v2x-title.png').default}
alt="h2 v2x" width="35%" class="right-image"
/>
Expand Down
8 changes: 4 additions & 4 deletions docs/accessories-docs/extruder/nebula/nebula-hardware.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -32,7 +32,7 @@ EVA3 适配件 [bigtreetech/Nebula/3D Model/EVA3](https://github.com/bigtreetech

XYZ 尺寸: $52.73 mm * 36.5 mm * 54.82 mm$

<img
<ImageView
src={require('./img/nebula_dimensions.png').default}
alt="nebula" width="60%"
/>
Expand All @@ -44,7 +44,7 @@ XYZ 尺寸: $52.73 mm * 36.5 mm * 54.82 mm$
:::

<div class="div-table">
<img
<ImageView
src={require('./img/nebula_adjusting.png').default}
alt="nebula" width="35%" class="right-image"
/>
Expand All @@ -54,7 +54,7 @@ XYZ 尺寸: $52.73 mm * 36.5 mm * 54.82 mm$
## Nebula Pin

<div class="div-table">
<img
<ImageView
src={require('./img/nebula_pin.png').default}
alt="nebula" width="60%" class="right-image"
/>
Expand All @@ -73,7 +73,7 @@ XYZ 尺寸: $52.73 mm * 36.5 mm * 54.82 mm$
## Nebula 电机规格

<div class="div-table">
<img
<ImageView
src={require('./img/nebula_motor.png').default}
alt="nebula" width="60%" class="right-image"
/>
Expand Down
2 changes: 1 addition & 1 deletion docs/accessories-docs/extruder/nebula/nebula.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,7 @@ import DocCardList from '@theme/DocCardList';

<div class="div-table">

<img
<ImageView
src={require('./img/nebula_title.png').default}
alt="nebula" width="35%" class="right-image"
/>
Expand Down
2 changes: 1 addition & 1 deletion docs/accessories-docs/sensor/adxl345/adxl345-firmware.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -20,7 +20,7 @@ cd ~/klipper
make menuconfig
```

<img src={require('./img/adxl-firmware-config.png').default} width="80%"/>
<ImageView src={require('./img/adxl-firmware-config.png').default} width="80%"/>

当配置完成使用 `q` 来退出。使用 `y` 来保存编译选项。

Expand Down
6 changes: 3 additions & 3 deletions docs/accessories-docs/sensor/adxl345/adxl345-hardware.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -24,14 +24,14 @@ import ThemedImage from '@theme/ThemedImage';

## Pinout

<img src={require('./img/adxl-pinout.png').default} width="60%"/>
<ImageView src={require('./img/adxl-pinout.png').default} width="60%"/>

## 连接 Klipper Host

### 使用 PI2 / Raspberry Pi

<img src={require('./img/adxl-connect-rpi.png').default} width="60%"/>
<ImageView src={require('./img/adxl-connect-rpi.png').default} width="60%"/>

### 使用 USB 连接 Manta M8P / Manta M5P / Manta M4P

<img src={require('./img/adxl-connect-manta-usb.png').default} width="60%"/>
<ImageView src={require('./img/adxl-connect-manta-usb.png').default} width="60%"/>
Loading