Changeset View
Changeset View
Standalone View
Standalone View
components/responsive-image/README.md
# responsive-image component | # responsive-image component | ||||
Komponent zwracający gotowy, responsywny znacznik img w zależności od podanych wymagań (razem z pocięciem obrazu źródłowego). | Komponent zwracający gotowy, responsywny znacznik img w zależności od podanych wymagań (razem z pocięciem obrazu źródłowego). | ||||
### Przykład użycia | ### Przykład użycia | ||||
```javascript | ```javascript | ||||
responsive_image({ image_path, resolutions, quality, sizes_attr, alt }); | responsive_image({ image_path, resolutions, quality, sizes_attr, alt }); | ||||
``` | ``` | ||||
### Argumenty | ### Argumenty | ||||
- **image_path:** string, ścieżka do obrazu, dla którego chcemy wygenerować znacznik, | - **image_path:** string, ścieżka do obrazu, dla którego chcemy wygenerować znacznik, | ||||
- **out_path** string, miejsce w którym mają zostać zapisane wyrenderowane pliki, | |||||
- **resolutions:** tablica np. [200, 300] - rozmiary dla których obraz ma być pocięty, | - **resolutions:** tablica np. [200, 300] - rozmiary dla których obraz ma być pocięty, | ||||
- **quality:** number, jakość obrazu w przedziale od 0 - 100, | - **quality:** number, jakość obrazu w przedziale od 0 - 100, | ||||
- **sizes_attr:** string, atrybut sizes znacznika, | - **sizes_attr:** string, atrybut sizes znacznika, | ||||
- **alt_tag:** string, tag alt znacznika | - **alt_tag:** string, tag alt znacznika |