Awesome GitHub RepositoriesBrowser-Based Image Processing

tui.image-editor is a JavaScript image manipulation library and web-based photo editor. It provides a browser-based interface for cropping, resizing, and applying filters to images using the HTML5 Canvas API. The project is distinguished by its role as a canvas-based annotation tool, allowing users to add text, shapes, and freehand drawings as graphic overlays. It offers extensive UI customization through theme configuration, interface text localization, and the ability to replace default icons with custom SVG files. The library covers geometry manipulation, visual filter application, and im

CSSgram is a CSS image filter library and framework that provides a system of reusable mixins and classes for implementing visual image effects. It enables CSS-based image processing to modify the appearance of images directly in the browser without requiring server-side processing. The project facilitates client-side photo processing and frontend visual styling by applying photographic style filters and color presets to web images. It uses a combination of CSS filters and blend modes to achieve these effects through the assignment of predefined class names to HTML elements.

This project is a web-based graphic design editor and online poster designer. It provides a browser-based environment for creating professional visual layouts, e-commerce graphics, and social media covers using a canvas with drag-and-drop elements. The toolkit includes a specialized PSD template converter that parses Photoshop design files into editable web templates. It also features a custom QR code generator capable of producing styled codes with gradients and embedded logos, alongside a browser-based image manipulation tool for cropping assets and removing backgrounds. The editor covers

Aceasta este o bibliotecă JavaScript de încărcare a imaginilor și o suită de utilitare pentru parsarea metadatelor binare și transformări bazate pe canvas. Oferă o interfață unificată pentru încărcarea imaginilor de la URL-uri, Blobs sau fișiere în elemente HTML. Biblioteca include un transformator de imagini bazat pe canvas pentru producerea de imagini scalate, decupate sau rotite și un handler de orientare a imaginii care rotește sau inversează imaginile pe baza metadatelor încorporate. De asemenea, dispune de un parser de metadate Exif pentru a extrage tag-urile IPTC și Exif și miniaturi încorporate din datele binare ale imaginii. Toolset-ul acoperă procesarea imaginilor bazată pe browser, inclusiv redimensionarea client-side și corecția automată a orientării pentru a asigura o afișare consistentă pe diferite ecrane. Suportă extragerea și modificarea header-elor binare ale imaginilor și restaurarea metadatelor după redimensionare.

Pica este un utilitar client-side pentru scalarea imaginilor în browser, transformarea formatului și optimizarea fișierelor. Acesta funcționează ca un procesor de imagini canvas care transformă datele între elemente canvas, bitmap-uri și blob-uri pentru manipulare locală în browserul web. Biblioteca se distinge prin downscaling de înaltă calitate folosind resampling Lanczos și un model de procesare multi-threaded. Utilizează web workers pentru a împărți procesarea imaginilor în tile-uri pe nucleele CPU pentru a crește viteza de redimensionare. Proiectul acoperă o gamă largă de capabilități de manipulare a imaginilor, inclusiv scalare de înaltă calitate și filtrare unsharp mask pentru îmbunătățirea marginilor. Suportă formate de intrare multiple și oferă utilitare pentru exportul datelor procesate în obiecte blob binare. Pentru a gestiona imagini mari fără a cauza blocarea browserului, biblioteca folosește gestionarea memoriei chunked și procesarea pe tile-uri.

Acest proiect este un editor grafic bazat pe browser și o bibliotecă de procesare a imaginilor care efectuează transformări vizuale direct în mediul web. Oferă un set de instrumente pentru încărcarea fișierelor imagine locale, aplicarea de efecte vizuale complexe și exportarea rezultatelor modificate fără a necesita procesarea datelor pe server. Biblioteca utilizează shadere de fragment accelerate hardware pentru a executa operațiuni la nivel de pixel pe unitatea de procesare grafică (GPU). Prin menținerea datelor imaginii ca texturi în memoria GPU și utilizarea unei conducte de randare în mod imediat (immediate-mode), sistemul obține sincronizarea în timp real între parametrii de filtrare definiți de utilizator și output-ul vizual afișat pe canvas. Software-ul suportă o gamă de ajustări ale imaginii, inclusiv modificarea contrastului, efecte de tilt-shift și simularea defocalizării lentilei. Aceste operațiuni sunt gestionate prin injectarea de parametri uniformi, permițând manipularea de înaltă performanță a fișierelor media digitale direct pe dispozitivul utilizatorului.