Почетна » Тоолкит » Обрезивање и промена величине слика помоћу овог једноставног јКуери додатка

    Обрезивање и промена величине слика помоћу овог једноставног јКуери додатка

    Изрезивање динамичке слике је лакше него икад захваљујући библиотекама као што је јКуери. Цодебасе је једноставан за кориштење и заједница има тисуће додатака за руковање сликама.

    Један такав плугин је Цроппер, слободно отворено изворно решење за обрезивање слика које ради зумирање, обрезивање, и чак чување слика.

    Овај пројекат је доступно на ГитХуб са неким врло дуга документација са десетинама прилагођених функција.

    Цроппер вам даје (девелоперу) потпуну контролу над свим аспектима интерфејса. Можеш да радиш 30+ различитих опција и 20+ прилагођених метода уграђен у Цроппер плугин.

    Његово потпуно осетљив на додир, тако да ради на свим мобилним уређајима и подржава точкић за померање / трацкпад за зумирање и изузимање фотографија. Корисници могу флип, ротате, Скала, и репозиционирање фотографија било где на платну пре резања.

    Цроппер плугин захтева копију јКуери и то долази са два фајла: ЦСС стилесхеет и ЈаваСцрипт плугин либрари. Само додајте ове датотеке на своју страницу и требало би да је добро!

    Запамтите, овај алат долази са много карактеристика. Онлине документација може помоћи, али ћете морати да запрљате руке сами поставите поље за отпремање слика све то научити. Њихов узорак кода излази све на конзолу и изгледа овако:

     $ ('# имаге'). цроппер (аспецтРатио: 16/9, цроп: фунцтион (е) // Оутпут тхе ресулт дата фор цроппинг имаге. цонсоле.лог (ек); цонсоле.лог (еи); лог (е.видтх); цонсоле.лог (е.хеигхт); цонсоле.лог (е.ротате); цонсоле.лог (е.сцалеКс); цонсоле.лог (е.сцалеИ);); 

    Али, стварно би требало да завирите у ливе демо да видите како све ово функционише.

    Можете наћи Ливе излазни подаци Кс / И координата, заједно са димензије слике близу врха. Цроппер такође укључује и уплоад функција где корисник може да изабере слику са свог рачунара и почне да сече у претраживачу.

    Ливе тхумбнаилс ажурирање у углу, тако да можете да видите како изгледа крајњи резултат пре чувања. Алтер тхе омјер, тхе оутпут куалити, тхе дефаулт цроп поситион, и целу гомилу.