Pulsuz Şəkil Döndürücü və Çevirici

Necə İşləyir

Buradakı fırlanma, çevrilmə və bucaq düzəlişi tamamilə HTML Canvas API istifadə edərək brauzerinizin daxilində baş verir — heç bir fayl heç vaxt bir serverə göndərilmir. Alət şəklinizi seçilmiş bucaq və miqyas çevrilmələri ilə ekrandan-kənar bir kanvasa çəkir, sonra nəticəni brauzerin öz kodeki istifadə edərək JPEG, PNG, ya da WebP-ə kodlaşdırır.

1. 1
   Şəkil lokal olaraq dekodlanır

   JPEG, PNG, ya da WebP faylınız cihazınızı heç vaxt tərk etməyən bir brauzer yaddaş istinadı olan lokal bir obyekt URL vasitəsilə bir HTMLImageElement-ə yüklənir. Təbii piksel ölçüləri birbaşa dekodlanmış bitmapdan oxunur.
2. 2
   Canvas çevrilməsi tətbiq edilir

   Ekrandan-kənar bir kanvas fırlanmış hüdudlayan qutuya sığmaq üçün ölçülür (hər ox üçün width·cos + height·sin). Canvas 2D konteksti sonra mərkəzə köçürülür, seçilmiş bucaqda radianla fırladılır və çevrilmələr üçün üfüqi və ya şaquli oxda -1 ilə miqyaslanır — heç bir xarici kitabxana olmadan hamısı standart ctx.rotate / ctx.scale əməliyyatlarıdır.
3. 3
   Avtomatik-kəsmə künclərini kəsir (isteğe bağlı)

   Sağ-bucaq-olmayan fırlanmalar üçün, əl ilə yazılmış bir həndəsə funksiyası — largestInnerRect — orijinal ekran nisbətinin fırlanmış hüdudlayan qutu daxilinə sığan ən böyük ox-uyğunlaşdırılmış düzbucaqlını hesablayır, ona görə üçbucaqlı boş küncələr şəkli təhrif etmədən çıxarılır.
4. 4
   Brauzer kodeki nəticəni kodlaşdırır

   canvas.toBlob() piksel məlumatını brauzerin daxili şəkil kodlayıcısına verir, seçilə bilən keyfiyyət və şəffaf künclər üçün fon dolğu rəngi olan bir JPEG, PNG, ya da WebP Blob yaradaraq, birbaşa endirdiyiniz.

Əlaqəli Alətlər