სურათის შემბრუნებელი უფასოდ

როგორ მუშაობს

ტრიალი, გადაბრუნება და კუთხის კორექცია აქ მთლიანად თქვენს ბრაუზერში ხდება, HTML Canvas API-ის გამოყენებით — ფაილი არასდროს იგზავნება სერვერზე. ხელსაწყო ხატავს თქვენს სურათს ეკრანს-მიღმა canvas-ზე, არჩეული კუთხისა და მასშტაბის გარდაქმნებით, შემდეგ შედეგს ჰკოდირებს JPEG, PNG ან WebP-ად, ბრაუზერის საკუთარი კოდეკის გამოყენებით.

1. 1
   სურათი ლოკალურად დეკოდირდება

   თქვენი JPEG, PNG ან WebP ფაილი იტვირთება HTMLImageElement-ში, ლოკალური ობიექტის URL-ის მეშვეობით — ბრაუზერის მეხსიერების მითითება, რომელიც არასდროს ტოვებს თქვენს მოწყობილობას. ბუნებრივი პიქსელური განზომილებები პირდაპირ დეკოდირებული ბიტმეპიდან იკითხება.
2. 2
   Canvas გარდაქმნა გამოყენებულია

   ეკრანს-მიღმა canvas ზომდება ისე, რომ ტრიალის შემდგომი შემომსაზღვრელი ყუთი მოეტიოს (სიგანე·cos + სიმაღლე·sin თითოეული ღერძისთვის). Canvas 2D კონტექსტი შემდეგ ცენტრზე გადაინაცვლებს, ტრიალდება არჩეულ კუთხეზე რადიანებში, და მასშტაბდება -1-ზე ჰორიზონტალურ ან ვერტიკალურ ღერძზე, გადაბრუნებისთვის — ყველა სტანდარტული ctx.rotate / ctx.scale ოპერაცია, გარე ბიბლიოთეკის გარეშე.
3. 3
   ავტო-ჭრა კუთხეებს ჭრის (არასავალდებულო)

   არა-სწორკუთხა ტრიალებისთვის, ხელით დაწერილი გეომეტრიის ფუნქცია — largestInnerRect — ითვლის ორიგინალი თანაფარდობის უდიდეს ღერძზე-გასწორებულ მართკუთხედს, რომელიც ტრიალებულ შემომსაზღვრელ ყუთში ეტევა, ასე რომ სამკუთხა ცარიელი კუთხეები ამოღებულია, სურათის დამახინჯების გარეშე.
4. 4
   ბრაუზერის კოდეკი ჰკოდირებს შედეგს

   canvas.toBlob() პიქსელურ მონაცემებს ბრაუზერის ჩაშენებულ სურათის ენკოდერს გადასცემს, JPEG-ის (არჩევადი ხარისხითა და გამჭვირვალე კუთხეების ფონის ფერით), PNG-ის ან WebP-ის Blob-ის შესაქმნელად, რომლის პირდაპირ ჩამოტვირთვაც შეგიძლიათ.

დაკავშირებული ინსტრუმენტები