LeafView
A minimalist image viewer based on Leaflet.js and Electron.
Image by Myriams-Fotos from Pixabay.
👍 Features
- Pan & Wheel Zoom
- Browse the images in a folder
- Auto Update
📥 Download
You can download the latest version of LeafView from the releases page here: https://github.com/sprout2000/leafview/releases
for Windows users
see BUILD.md.
📗 Usage
⌨️ Keyboard Shortcuts
| Key | Function |
|---|---|
| J or CmdOrCtrl+→ | Next Image |
| K or CmdOrCtrl+← | Previous Image |
| + | Zoom In |
| - | Zoom Out |
| 0 | Reset Zoom |
| ← ↑ ↓ → | Pan |
🖱️ Mouse Operations
| Mouse | Function |
|---|---|
| Drag | Pan |
| Wheel | Zoom in/out |
| Double click | Reset zoom |
| Right click | Show the context menu when available |
🌐 Supported Languages
| Language | Code |
|---|---|
| English |
en |
| 日本語 |
ja |
| 繁体中文 |
zh_TW |
| Čeština |
cs |
| Deutsch |
de |
| Español |
es |
| Polski |
pl |
| Русский |
ru |
| Português |
pt |
| 简体中文 |
zh_CN |
| اللغة العربية | ar |
| Magyar nyelv |
hu |
📜 Contributing
You can easily contribute to this repository by providing translation files.
- Create
{your_LANG}.jsoninsrc/locales.
src
├── @types
├── createMenu.ts
├── locales
+ │ ├── cs.json
│ ├── en.json
│ └── ja.json
├── main.ts
├── preload.ts
├── setLocales.ts
└── websrc/locales/cs.json:
{
"File": "Soubor",
"Open...": "Otevřít...",
"Select an image": "Vybrat obrázek",
"Image files": "Soubory obrázku",
"Move to Trash": "Přesunout do koše",
"View": "Zobrazit",
"Next Image": "Následující obrázek",
"Prev Image": "Předchozí obrázek",
"Toggle Fullscreen": "Celá obrazovka",
"Toggle Developer Tools": "Zobrazit nástroje pro vývojáře",
"Toggle Menubar": "Přepnout lištu nabídek",
"Toggle Dark Mode": "Přepínání tmavého režimu",
"Window": "Okno",
"Minimize": "Minimalizovat",
"Maximize": "Maximalizovat",
"Zoom": "Přiblížit",
"Bring All to Front": "Přenést vše do popředí",
"Close": "Storno",
"Help": "Nápověda",
"About": "O aplikaci LeafView",
"About LeafView": "O aplikaci LeafView",
"Support URL...": "URL podpory...",
"Hide LeafView": "Skrýt LeafView",
"Hide Others": "Skrýt ostatní",
"Show All": "Zobrazit vše",
"Quit": "Ukončit LeafView",
"Quit LeafView": "Ukončit LeafView"
}- Import the locale into src/setLocales.ts as follows:
import en from './locales/en.json';
import ja from './locales/ja.json';
+ import cs from './locales/cs.json';
export const setLocales = (locale: string): void => {
i18next.init({
lng: locale,
fallbackLng: 'en',
resources: {
en: { translation: en },
ja: { translation: ja },
+ cs: { translation: cs },
},
});
};- And then please send a pull request to this repository.
🎉 Contributors
Special Thanks to:
- @Levminer #305
- @SuhaibAtef #274
- @mwoz123 #260, #261
- @ArcherGu #235
- @guaycuru #228, #232
- @kitt3911 #215
- @nukeop #214
- @singuerinc #178
- @DrDeee #166
- @PetrTodorov #68
©️ License
Copyright (c) 2020 sprout2000 and other contributors
