PNG  IHDRX cHRMz&u0`:pQ<bKGD pHYsodtIME MeqIDATxw]Wug^Qd˶ 6`!N:!@xI~)%7%@Bh&`lnjVF29gΨ4E$|>cɚ{gk= %,a KX%,a KX%,a KX%,a KX%,a KX%,a KX%, b` ǟzeאfp]<!SJmɤY޲ڿ,%c ~ع9VH.!Ͳz&QynֺTkRR.BLHi٪:l;@(!MԴ=žI,:o&N'Kù\vRmJ雵֫AWic H@" !: Cé||]k-Ha oݜ:y F())u]aG7*JV@J415p=sZH!=!DRʯvɱh~V\}v/GKY$n]"X"}t@ xS76^[bw4dsce)2dU0 CkMa-U5tvLƀ~mlMwfGE/-]7XAƟ`׮g ewxwC4\[~7@O-Q( a*XGƒ{ ՟}$_y3tĐƤatgvێi|K=uVyrŲlLӪuܿzwk$m87k( `múcE)"@rK( z4$D; 2kW=Xb$V[Ru819קR~qloѱDyįݎ*mxw]y5e4K@ЃI0A D@"BDk_)N\8͜9dz"fK0zɿvM /.:2O{ Nb=M=7>??Zuo32 DLD@D| &+֎C #B8ַ`bOb $D#ͮҪtx]%`ES`Ru[=¾!@Od37LJ0!OIR4m]GZRJu$‡c=%~s@6SKy?CeIh:[vR@Lh | (BhAMy=݃  G"'wzn޺~8ԽSh ~T*A:xR[ܹ?X[uKL_=fDȊ؂p0}7=D$Ekq!/t.*2ʼnDbŞ}DijYaȲ(""6HA;:LzxQ‘(SQQ}*PL*fc\s `/d'QXW, e`#kPGZuŞuO{{wm[&NBTiiI0bukcA9<4@SӊH*؎4U/'2U5.(9JuDfrޱtycU%j(:RUbArLֺN)udA':uGQN"-"Is.*+k@ `Ojs@yU/ H:l;@yyTn}_yw!VkRJ4P)~y#)r,D =ě"Q]ci'%HI4ZL0"MJy 8A{ aN<8D"1#IJi >XjX֔#@>-{vN!8tRݻ^)N_╗FJEk]CT՟ YP:_|H1@ CBk]yKYp|og?*dGvzنzӴzjֺNkC~AbZƷ`.H)=!QͷVTT(| u78y֮}|[8-Vjp%2JPk[}ԉaH8Wpqhwr:vWª<}l77_~{s۴V+RCģ%WRZ\AqHifɤL36: #F:p]Bq/z{0CU6ݳEv_^k7'>sq*+kH%a`0ԣisqにtү04gVgW΂iJiS'3w.w}l6MC2uԯ|>JF5`fV5m`Y**Db1FKNttu]4ccsQNnex/87+}xaUW9y>ͯ骵G{䩓Գ3+vU}~jJ.NFRD7<aJDB1#ҳgSb,+CS?/ VG J?|?,2#M9}B)MiE+G`-wo߫V`fio(}S^4e~V4bHOYb"b#E)dda:'?}׮4繏`{7Z"uny-?ǹ;0MKx{:_pÚmFמ:F " .LFQLG)Q8qN q¯¯3wOvxDb\. BKD9_NN &L:4D{mm o^tֽ:q!ƥ}K+<"m78N< ywsard5+вz~mnG)=}lYݧNj'QJS{S :UYS-952?&O-:W}(!6Mk4+>A>j+i|<<|;ر^߉=HE|V#F)Emm#}/"y GII웻Jі94+v뾧xu~5C95~ūH>c@덉pʃ1/4-A2G%7>m;–Y,cyyaln" ?ƻ!ʪ<{~h~i y.zZB̃/,雋SiC/JFMmBH&&FAbϓO^tubbb_hZ{_QZ-sύodFgO(6]TJA˯#`۶ɟ( %$&+V'~hiYy>922 Wp74Zkq+Ovn錄c>8~GqܲcWꂎz@"1A.}T)uiW4="jJ2W7mU/N0gcqܗOO}?9/wìXžΏ0 >֩(V^Rh32!Hj5`;O28؇2#ݕf3 ?sJd8NJ@7O0 b־?lldщ̡&|9C.8RTWwxWy46ah嘦mh٤&l zCy!PY?: CJyв]dm4ǜҐR޻RլhX{FƯanшQI@x' ao(kUUuxW_Ñ줮[w8 FRJ(8˼)_mQ _!RJhm=!cVmm ?sFOnll6Qk}alY}; "baӌ~M0w,Ggw2W:G/k2%R,_=u`WU R.9T"v,<\Ik޽/2110Ӿxc0gyC&Ny޽JҢrV6N ``یeA16"J³+Rj*;BϜkZPJaÍ<Jyw:NP8/D$ 011z֊Ⱳ3ι֘k1V_"h!JPIΣ'ɜ* aEAd:ݺ>y<}Lp&PlRfTb1]o .2EW\ͮ]38؋rTJsǏP@芎sF\> P^+dYJLbJ C-xϐn> ι$nj,;Ǖa FU *择|h ~izť3ᤓ`K'-f tL7JK+vf2)V'-sFuB4i+m+@My=O҈0"|Yxoj,3]:cо3 $#uŘ%Y"y죯LebqtҢVzq¼X)~>4L׶m~[1_k?kxֺQ`\ |ٛY4Ѯr!)N9{56(iNq}O()Em]=F&u?$HypWUeB\k]JɩSع9 Zqg4ZĊo oMcjZBU]B\TUd34ݝ~:7ڶSUsB0Z3srx 7`:5xcx !qZA!;%͚7&P H<WL!džOb5kF)xor^aujƍ7 Ǡ8/p^(L>ὴ-B,{ۇWzֺ^k]3\EE@7>lYBȝR.oHnXO/}sB|.i@ɥDB4tcm,@ӣgdtJ!lH$_vN166L__'Z)y&kH;:,Y7=J 9cG) V\hjiE;gya~%ks_nC~Er er)muuMg2;֫R)Md) ,¶ 2-wr#F7<-BBn~_(o=KO㭇[Xv eN_SMgSҐ BS헃D%g_N:/pe -wkG*9yYSZS.9cREL !k}<4_Xs#FmҶ:7R$i,fi!~' # !6/S6y@kZkZcX)%5V4P]VGYq%H1!;e1MV<!ϐHO021Dp= HMs~~a)ަu7G^];git!Frl]H/L$=AeUvZE4P\.,xi {-~p?2b#amXAHq)MWǾI_r`S Hz&|{ +ʖ_= (YS(_g0a03M`I&'9vl?MM+m~}*xT۲(fY*V4x@29s{DaY"toGNTO+xCAO~4Ϳ;p`Ѫ:>Ҵ7K 3}+0 387x\)a"/E>qpWB=1 ¨"MP(\xp߫́A3+J] n[ʼnӼaTbZUWb={~2ooKױӰp(CS\S筐R*JغV&&"FA}J>G֐p1ٸbk7 ŘH$JoN <8s^yk_[;gy-;߉DV{c B yce% aJhDȶ 2IdйIB/^n0tNtџdcKj4϶v~- CBcgqx9= PJ) dMsjpYB] GD4RDWX +h{y`,3ꊕ$`zj*N^TP4L:Iz9~6s) Ga:?y*J~?OrMwP\](21sZUD ?ܟQ5Q%ggW6QdO+\@ ̪X'GxN @'4=ˋ+*VwN ne_|(/BDfj5(Dq<*tNt1х!MV.C0 32b#?n0pzj#!38}޴o1KovCJ`8ŗ_"]] rDUy޲@ Ȗ-;xџ'^Y`zEd?0„ DAL18IS]VGq\4o !swV7ˣι%4FѮ~}6)OgS[~Q vcYbL!wG3 7띸*E Pql8=jT\꘿I(z<[6OrR8ºC~ډ]=rNl[g|v TMTղb-o}OrP^Q]<98S¤!k)G(Vkwyqyr޽Nv`N/e p/~NAOk \I:G6]4+K;j$R:Mi #*[AȚT,ʰ,;N{HZTGMoּy) ]%dHء9Պ䠬|<45,\=[bƟ8QXeB3- &dҩ^{>/86bXmZ]]yޚN[(WAHL$YAgDKp=5GHjU&99v簪C0vygln*P)9^͞}lMuiH!̍#DoRBn9l@ xA/_v=ȺT{7Yt2N"4!YN`ae >Q<XMydEB`VU}u]嫇.%e^ánE87Mu\t`cP=AD/G)sI"@MP;)]%fH9'FNsj1pVhY&9=0pfuJ&gޤx+k:!r˭wkl03׼Ku C &ѓYt{.O.zҏ z}/tf_wEp2gvX)GN#I ݭ߽v/ .& и(ZF{e"=V!{zW`, ]+LGz"(UJp|j( #V4, 8B 0 9OkRrlɱl94)'VH9=9W|>PS['G(*I1==C<5"Pg+x'K5EMd؞Af8lG ?D FtoB[je?{k3zQ vZ;%Ɠ,]E>KZ+T/ EJxOZ1i #T<@ I}q9/t'zi(EMqw`mYkU6;[t4DPeckeM;H}_g pMww}k6#H㶏+b8雡Sxp)&C $@'b,fPߑt$RbJ'vznuS ~8='72_`{q纶|Q)Xk}cPz9p7O:'|G~8wx(a 0QCko|0ASD>Ip=4Q, d|F8RcU"/KM opKle M3#i0c%<7׿p&pZq[TR"BpqauIp$ 8~Ĩ!8Սx\ւdT>>Z40ks7 z2IQ}ItԀ<-%S⍤};zIb$I 5K}Q͙D8UguWE$Jh )cu4N tZl+[]M4k8֦Zeq֮M7uIqG 1==tLtR,ƜSrHYt&QP윯Lg' I,3@P'}'R˪e/%-Auv·ñ\> vDJzlӾNv5:|K/Jb6KI9)Zh*ZAi`?S {aiVDԲuy5W7pWeQJk֤#5&V<̺@/GH?^τZL|IJNvI:'P=Ϛt"¨=cud S Q.Ki0 !cJy;LJR;G{BJy޺[^8fK6)=yʊ+(k|&xQ2`L?Ȓ2@Mf 0C`6-%pKpm')c$׻K5[J*U[/#hH!6acB JA _|uMvDyk y)6OPYjœ50VT K}cǻP[ $:]4MEA.y)|B)cf-A?(e|lɉ#P9V)[9t.EiQPDѠ3ϴ;E:+Օ t ȥ~|_N2,ZJLt4! %ա]u {+=p.GhNcŞQI?Nd'yeh n7zi1DB)1S | S#ًZs2|Ɛy$F SxeX{7Vl.Src3E℃Q>b6G ўYCmtկ~=K0f(=LrAS GN'ɹ9<\!a`)֕y[uՍ[09` 9 +57ts6}b4{oqd+J5fa/,97J#6yν99mRWxJyѡyu_TJc`~W>l^q#Ts#2"nD1%fS)FU w{ܯ R{ ˎ󅃏џDsZSQS;LV;7 Od1&1n$ N /.q3~eNɪ]E#oM~}v֯FڦwyZ=<<>Xo稯lfMFV6p02|*=tV!c~]fa5Y^Q_WN|Vs 0ҘދU97OI'N2'8N֭fgg-}V%y]U4 峧p*91#9U kCac_AFңĪy뚇Y_AiuYyTTYЗ-(!JFLt›17uTozc. S;7A&&<ԋ5y;Ro+:' *eYJkWR[@F %SHWP 72k4 qLd'J "zB6{AC0ƁA6U.'F3:Ȅ(9ΜL;D]m8ڥ9}dU "v!;*13Rg^fJyShyy5auA?ɩGHRjo^]׽S)Fm\toy 4WQS@mE#%5ʈfFYDX ~D5Ϡ9tE9So_aU4?Ѽm%&c{n>.KW1Tlb}:j uGi(JgcYj0qn+>) %\!4{LaJso d||u//P_y7iRJ߬nHOy) l+@$($VFIQ9%EeKʈU. ia&FY̒mZ=)+qqoQn >L!qCiDB;Y<%} OgBxB!ØuG)WG9y(Ą{_yesuZmZZey'Wg#C~1Cev@0D $a@˲(.._GimA:uyw֬%;@!JkQVM_Ow:P.s\)ot- ˹"`B,e CRtaEUP<0'}r3[>?G8xU~Nqu;Wm8\RIkբ^5@k+5(By'L&'gBJ3ݶ!/㮻w҅ yqPWUg<e"Qy*167΃sJ\oz]T*UQ<\FԎ`HaNmڜ6DysCask8wP8y9``GJ9lF\G g's Nn͵MLN֪u$| /|7=]O)6s !ĴAKh]q_ap $HH'\1jB^s\|- W1:=6lJBqjY^LsPk""`]w)󭃈,(HC ?䔨Y$Sʣ{4Z+0NvQkhol6C.婧/u]FwiVjZka&%6\F*Ny#8O,22+|Db~d ~Çwc N:FuuCe&oZ(l;@ee-+Wn`44AMK➝2BRՈt7g*1gph9N) *"TF*R(#'88pm=}X]u[i7bEc|\~EMn}P瘊J)K.0i1M6=7'_\kaZ(Th{K*GJyytw"IO-PWJk)..axӝ47"89Cc7ĐBiZx 7m!fy|ϿF9CbȩV 9V-՛^pV̌ɄS#Bv4-@]Vxt-Z, &ֺ*diؠ2^VXbs֔Ìl.jQ]Y[47gj=幽ex)A0ip׳ W2[ᎇhuE^~q흙L} #-b۸oFJ_QP3r6jr+"nfzRJTUqoaۍ /$d8Mx'ݓ= OՃ| )$2mcM*cЙj}f };n YG w0Ia!1Q.oYfr]DyISaP}"dIӗթO67jqR ҊƐƈaɤGG|h;t]䗖oSv|iZqX)oalv;۩meEJ\!8=$4QU4Xo&VEĊ YS^E#d,yX_> ۘ-e\ "Wa6uLĜZi`aD9.% w~mB(02G[6y.773a7 /=o7D)$Z 66 $bY^\CuP. (x'"J60׿Y:Oi;F{w佩b+\Yi`TDWa~|VH)8q/=9!g߆2Y)?ND)%?Ǐ`k/sn:;O299yB=a[Ng 3˲N}vLNy;*?x?~L&=xyӴ~}q{qE*IQ^^ͧvü{Huu=R|>JyUlZV, B~/YF!Y\u_ݼF{_C)LD]m {H 0ihhadd nUkf3oٺCvE\)QJi+֥@tDJkB$1!Đr0XQ|q?d2) Ӣ_}qv-< FŊ߫%roppVBwü~JidY4:}L6M7f٬F "?71<2#?Jyy4뷢<_a7_=Q E=S1И/9{+93֮E{ǂw{))?maÆm(uLE#lïZ  ~d];+]h j?!|$F}*"4(v'8s<ŏUkm7^7no1w2ؗ}TrͿEk>p'8OB7d7R(A 9.*Mi^ͳ; eeUwS+C)uO@ =Sy]` }l8^ZzRXj[^iUɺ$tj))<sbDJfg=Pk_{xaKo1:-uyG0M ԃ\0Lvuy'ȱc2Ji AdyVgVh!{]/&}}ċJ#%d !+87<;qN޼Nفl|1N:8ya  8}k¾+-$4FiZYÔXk*I&'@iI99)HSh4+2G:tGhS^繿 Kتm0 вDk}֚+QT4;sC}rՅE,8CX-e~>G&'9xpW,%Fh,Ry56Y–hW-(v_,? ; qrBk4-V7HQ;ˇ^Gv1JVV%,ik;D_W!))+BoS4QsTM;gt+ndS-~:11Sgv!0qRVh!"Ȋ(̦Yl.]PQWgٳE'`%W1{ndΗBk|Ž7ʒR~,lnoa&:ü$ 3<a[CBݮwt"o\ePJ=Hz"_c^Z.#ˆ*x z̝grY]tdkP*:97YľXyBkD4N.C_[;F9`8& !AMO c `@BA& Ost\-\NX+Xp < !bj3C&QL+*&kAQ=04}cC!9~820G'PC9xa!w&bo_1 Sw"ܱ V )Yl3+ס2KoXOx]"`^WOy :3GO0g;%Yv㐫(R/r (s } u B &FeYZh0y> =2<Ϟc/ -u= c&׭,.0"g"7 6T!vl#sc>{u/Oh Bᾈ)۴74]x7 gMӒ"d]U)}" v4co[ ɡs 5Gg=XR14?5A}D "b{0$L .\4y{_fe:kVS\\O]c^W52LSBDM! C3Dhr̦RtArx4&agaN3Cf<Ԉp4~ B'"1@.b_/xQ} _߃҉/gٓ2Qkqp0շpZ2fԫYz< 4L.Cyυι1t@鎫Fe sYfsF}^ V}N<_`p)alٶ "(XEAVZ<)2},:Ir*#m_YӼ R%a||EƼIJ,,+f"96r/}0jE/)s)cjW#w'Sʯ5<66lj$a~3Kʛy 2:cZ:Yh))+a߭K::N,Q F'qB]={.]h85C9cr=}*rk?vwV렵ٸW Rs%}rNAkDv|uFLBkWY YkX מ|)1!$#3%y?pF<@<Rr0}: }\J [5FRxY<9"SQdE(Q*Qʻ)q1E0B_O24[U'],lOb ]~WjHޏTQ5Syu wq)xnw8~)c 쫬gٲߠ H% k5dƝk> kEj,0% b"vi2Wس_CuK)K{n|>t{P1򨾜j>'kEkƗBg*H%'_aY6Bn!TL&ɌOb{c`'d^{t\i^[uɐ[}q0lM˕G:‚4kb祔c^:?bpg… +37stH:0}en6x˟%/<]BL&* 5&fK9Mq)/iyqtA%kUe[ڛKN]Ě^,"`/ s[EQQm?|XJ߅92m]G.E΃ח U*Cn.j_)Tѧj̿30ڇ!A0=͜ar I3$C^-9#|pk!)?7.x9 @OO;WƝZBFU keZ75F6Tc6"ZȚs2y/1 ʵ:u4xa`C>6Rb/Yм)^=+~uRd`/|_8xbB0?Ft||Z\##|K 0>>zxv8۴吅q 8ĥ)"6>~\8:qM}#͚'ĉ#p\׶ l#bA?)|g g9|8jP(cr,BwV (WliVxxᡁ@0Okn;ɥh$_ckCgriv}>=wGzβ KkBɛ[˪ !J)h&k2%07δt}!d<9;I&0wV/ v 0<H}L&8ob%Hi|޶o&h1L|u֦y~󛱢8fٲUsւ)0oiFx2}X[zVYr_;N(w]_4B@OanC?gĦx>мgx>ΛToZoOMp>40>V Oy V9iq!4 LN,ˢu{jsz]|"R޻&'ƚ{53ўFu(<٪9:΋]B;)B>1::8;~)Yt|0(pw2N%&X,URBK)3\zz&}ax4;ǟ(tLNg{N|Ǽ\G#C9g$^\}p?556]/RP.90 k,U8/u776s ʪ_01چ|\N 0VV*3H鴃J7iI!wG_^ypl}r*jɤSR 5QN@ iZ#1ٰy;_\3\BQQ x:WJv츟ٯ$"@6 S#qe딇(/P( Dy~TOϻ<4:-+F`0||;Xl-"uw$Цi󼕝mKʩorz"mϺ$F:~E'ҐvD\y?Rr8_He@ e~O,T.(ފR*cY^m|cVR[8 JҡSm!ΆԨb)RHG{?MpqrmN>߶Y)\p,d#xۆWY*,l6]v0h15M˙MS8+EdI='LBJIH7_9{Caз*Lq,dt >+~ّeʏ?xԕ4bBAŚjﵫ!'\Ը$WNvKO}ӽmSşذqsOy?\[,d@'73'j%kOe`1.g2"e =YIzS2|zŐƄa\U,dP;jhhhaxǶ?КZ՚.q SE+XrbOu%\GتX(H,N^~]JyEZQKceTQ]VGYqnah;y$cQahT&QPZ*iZ8UQQM.qo/T\7X"u?Mttl2Xq(IoW{R^ ux*SYJ! 4S.Jy~ BROS[V|žKNɛP(L6V^|cR7i7nZW1Fd@ Ara{詑|(T*dN]Ko?s=@ |_EvF]׍kR)eBJc" MUUbY6`~V޴dJKß&~'d3i WWWWWW
Current Directory: /usr/share/doc/perl-Template-Toolkit/old/modules/Template/Plugin
Viewing File: /usr/share/doc/perl-Template-Toolkit/old/modules/Template/Plugin/Image.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN"> <html> <head> <title>Template::Plugin::Image</title> <link rel="stylesheet" type="text/css" href="../../../css/blue.css" title="Clear Blue"> <link rel="alternate stylesheet" type="text/css" href="../../../css/orange.css" title="Clear Orange"> <link rel="alternate stylesheet" type="text/css" href="../../../css/green.css" title="Clear Green"> <link rel="alternate stylesheet" type="text/css" href="../../../css/purple.css" title="Clear Purple"> <link rel="alternate stylesheet" type="text/css" href="../../../css/grey.css" title="Clear Grey"> <!--[if IE 6]> <link rel="stylesheet" type="text/css" href="../../../css/ie6.css" /> <![endif]--> <link rel="stylesheet" type="text/css" href="/css/print.css" media="print"> <script type="text/javascript" src="../../../js/tt2.js"></script> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> <meta name="author" content="Andy Wardley"> </head> <body id="body"> <div id="layout"> <div id="header"> <a href="../../../index.html" id="logo" alt="" title="Click for the Home Page"><span class="alt">TT2 Home Page</span></a> <ul id="trail"> <li><a href="../../../modules/index.html">Modules</a></li> <li><a href="../../../modules/Template/index.html">Template::*</a></li> <li><a href="../../../modules/Template/Plugin/index.html">Plugin::*</a></li> <li class="last"><a href="../../../modules/Template/Plugin/Image.html">Image.pm</a></li> </ul> <div class="controls"> <a href="#" class="menu show" onclick="widescreen_off(); return false" title="Show Menu"> <span class="about">Click to view the menu. It's very nice.</span> </a> <a href="#" class="menu hide" onclick="widescreen_on(); return false" title="Hide Menu"> <span class="about">Click to hide the menu and go all widescreen!</span> </a> <div class="pager"> <a href="../../../modules/Template/Plugin/HTML.html" title="Template::Plugin::HTML" class="go back">Back<span class="about"><h4>Template::Plugin::HTML</h4>Plugin to create HTML elements</span></a> <a href="../../../modules/Template/Plugin/index.html" title="Template::Plugin::* Modules" class="go up">Up<span class="about"><h4>Template::Plugin::* Modules</h4></span></a> <a href="../../../modules/Template/Plugin/Iterator.html" title="Template::Plugin::Iterator" class="go next">Next<span class="about"><h4>Template::Plugin::Iterator</h4>Plugin to create iterators (Template::Iterator)</span></a> </div> </div> <h1 class="headline">Template::Plugin::Image</h1> <h2 class="subhead">Plugin access to image sizes</h1> </div> <div id="page"> <div id="sidebar"> <a href="../../../index.html" id="logo"></a> <div id="menu"> <ul class="menu"> <li class="l0 first"><a href="../../../manual/index.html">Manual</a></li> <li class="l0"><a href="../../../modules/index.html" class="warm">Modules</a></li> <li class="l1"><a href="../../../modules/Template.html">Template.pm</a></li> <li class="l1"><a href="../../../modules/Template/index.html" class="warm">Template::*</a></li> <li class="l2"><a href="../../../modules/Template/Base.html">Base.pm</a></li> <li class="l2"><a href="../../../modules/Template/Config.html">Config.pm</a></li> <li class="l2"><a href="../../../modules/Template/Constants.html">Constants.pm</a></li> <li class="l2"><a href="../../../modules/Template/Context.html">Context.pm</a></li> <li class="l2"><a href="../../../modules/Template/Directive.html">Directive.pm</a></li> <li class="l2"><a href="../../../modules/Template/Document.html">Document.pm</a></li> <li class="l2"><a href="../../../modules/Template/Exception.html">Exception.pm</a></li> <li class="l2"><a href="../../../modules/Template/Filters.html">Filters.pm</a></li> <li class="l2"><a href="../../../modules/Template/Grammar.html">Grammar.pm</a></li> <li class="l2"><a href="../../../modules/Template/Iterator.html">Iterator.pm</a></li> <li class="l2"><a href="../../../modules/Template/Namespace/index.html">Namespace::*</a></li> <li class="l2"><a href="../../../modules/Template/Parser.html">Parser.pm</a></li> <li class="l2"><a href="../../../modules/Template/Plugin.html">Plugin.pm</a></li> <li class="l2"><a href="../../../modules/Template/Plugin/index.html" class="warm">Plugin::*</a></li> <li class="l3"><a href="../../../modules/Template/Plugin/Autoformat.html">Autoformat.pm</a></li> <li class="l3"><a href="../../../modules/Template/Plugin/CGI.html">CGI.pm</a></li> <li class="l3"><a href="../../../modules/Template/Plugin/Datafile.html">Datafile.pm</a></li> <li class="l3"><a href="../../../modules/Template/Plugin/Date.html">Date.pm</a></li> <li class="l3"><a href="../../../modules/Template/Plugin/Directory.html">Directory.pm</a></li> <li class="l3"><a href="../../../modules/Template/Plugin/Dumper.html">Dumper.pm</a></li> <li class="l3"><a href="../../../modules/Template/Plugin/File.html">File.pm</a></li> <li class="l3"><a href="../../../modules/Template/Plugin/Filter.html">Filter.pm</a></li> <li class="l3"><a href="../../../modules/Template/Plugin/Format.html">Format.pm</a></li> <li class="l3"><a href="../../../modules/Template/Plugin/HTML.html">HTML.pm</a></li> <li class="l3"><a href="../../../modules/Template/Plugin/Image.html" class="warm">Image.pm</a></li> <li class="l3"><a href="../../../modules/Template/Plugin/Iterator.html">Iterator.pm</a></li> <li class="l3"><a href="../../../modules/Template/Plugin/Math.html">Math.pm</a></li> <li class="l3"><a href="../../../modules/Template/Plugin/Pod.html">Pod.pm</a></li> <li class="l3"><a href="../../../modules/Template/Plugin/Procedural.html">Procedural.pm</a></li> <li class="l3"><a href="../../../modules/Template/Plugin/String.html">String.pm</a></li> <li class="l3"><a href="../../../modules/Template/Plugin/Table.html">Table.pm</a></li> <li class="l3"><a href="../../../modules/Template/Plugin/URL.html">URL.pm</a></li> <li class="l3"><a href="../../../modules/Template/Plugin/View.html">View.pm</a></li> <li class="l3"><a href="../../../modules/Template/Plugin/Wrap.html">Wrap.pm</a></li> <li class="l2"><a href="../../../modules/Template/Plugins.html">Plugins.pm</a></li> <li class="l2"><a href="../../../modules/Template/Provider.html">Provider.pm</a></li> <li class="l2"><a href="../../../modules/Template/Service.html">Service.pm</a></li> <li class="l2"><a href="../../../modules/Template/Stash.html">Stash.pm</a></li> <li class="l2"><a href="../../../modules/Template/Stash/index.html">Stash::*</a></li> <li class="l2"><a href="../../../modules/Template/Test.html">Test.pm</a></li> <li class="l2"><a href="../../../modules/Template/VMethods.html">VMethods.pm</a></li> <li class="l2"><a href="../../../modules/Template/View.html">View.pm</a></li> <li class="l0"><a href="../../../tools/index.html">Tools</a></li> <li class="l0 last"><a href="../../../tutorial/index.html">Tutorial</a></li> </ul> <div class="foot"></div> </div> </div> <div id="content"> <div class="section"> <div class="head"> <h1 id="contents" onclick="switch_section(this)" title="Click title to show/hide section content.">Contents</h1> <a href="#body" class="top" title="Back up to the top of the page" >Top</a> </div> <div class="body"> <ul class="toc"> <li class=""><a href="#SYNOPSIS">SYNOPSIS</a></li> <li class=""><a href="#DESCRIPTION">DESCRIPTION</a></li> <li class=""><a href="#CATCHING_ERRORS">CATCHING ERRORS</a></li> <li class=""><a href="#USING_Image_Info">USING Image::Info</a></li> <li class="sub"><a href="#section_file_media_type">file_media_type</a></li> <li class="sub"><a href="#section_file_ext">file_ext</a></li> <li class="sub"><a href="#section_color_type">color_type</a></li> <li class="sub"><a href="#section_resolution">resolution</a></li> <li class="sub"><a href="#section_SamplesPerPixel">SamplesPerPixel</a></li> <li class="sub"><a href="#section_BitsPerSample">BitsPerSample</a></li> <li class="sub"><a href="#section_Comment">Comment</a></li> <li class="sub"><a href="#section_Interlace">Interlace</a></li> <li class="sub"><a href="#section_Compression">Compression</a></li> <li class="sub"><a href="#section_Gamma">Gamma</a></li> <li class=""><a href="#AUTHOR">AUTHOR</a></li> <li class=""><a href="#COPYRIGHT">COPYRIGHT</a></li> <li class=""><a href="#SEE_ALSO">SEE ALSO</a></li> </ul> </div> </div> <div class="pod"> <div class="section"> <div class="head"> <h1 id="SYNOPSIS" onclick="switch_section(this)" title="Click title to show/hide section content.">SYNOPSIS</h1> <a href="#body" class="top" title="Back up to the top of the page" >Top</a> </div> <div class="body"> <pre>[% USE Image(filename) %] [% Image.width %] [% Image.height %] [% Image.size.join(', ') %] [% Image.attr %] [% Image.tag %]</pre> </div> </div> <div class="section"> <div class="head"> <h1 id="DESCRIPTION" onclick="switch_section(this)" title="Click title to show/hide section content.">DESCRIPTION</h1> <a href="#body" class="top" title="Back up to the top of the page" >Top</a> </div> <div class="body"> <p> This plugin provides an interface to the <a href="http://search.cpan.org/search?query=Image::Info&mode=all">Image::Info</a> or <a href="http://search.cpan.org/search?query=Image::Size&mode=all">Image::Size</a> modules for determining the size of image files. </p> <p> You can specify the plugin name as either '<code>Image</code>' or '<code>image</code>'. The plugin object created will then have the same name. The file name of the image should be specified as a positional or named argument. </p> <pre>[% # all these are valid, take your pick %] [% USE Image('foo.gif') %] [% USE image('bar.gif') %] [% USE Image 'ping.gif' %] [% USE image(name='baz.gif') %] [% USE Image name='pong.gif' %]</pre> <p> A <code>root</code> parameter can be used to specify the location of the image file: </p> <pre>[% USE Image(root='/path/to/root', name='images/home.png') %] # image path: /path/to/root/images/home.png # img src: images/home.png</pre> <p> In cases where the image path and image url do not match up, specify the file name directly: </p> <pre>[% USE Image(file='/path/to/home.png', name='/images/home.png') %]</pre> <p> The <code>alt</code> parameter can be used to specify an alternate name for the image, for use in constructing an XHTML element (see the <code>tag()</code> method below). </p> <pre>[% USE Image('home.png', alt="Home") %]</pre> <p> You can also provide an alternate name for an <code>Image</code> plugin object. </p> <pre>[% USE img1 = image 'foo.gif' %] [% USE img2 = image 'bar.gif' %]</pre> <p> The <code>name</code> method returns the image file name. </p> <pre>[% img1.name %] # foo.gif</pre> <p> The <code>width</code> and <code>height</code> methods return the width and height of the image, respectively. The <code>size</code> method returns a reference to a 2 element list containing the width and height. </p> <pre>[% USE image 'foo.gif' %] width: [% image.width %] height: [% image.height %] size: [% image.size.join(', ') %]</pre> <p> The <code>modtime</code> method returns the modification time of the file in question, suitable for use with the <a href="../../../modules/Template/Plugin/Date.html">Date</a> plugin, for example: </p> <pre>[% USE image 'foo.gif' %] [% USE date %] [% date.format(image.modtime, "%B, %e %Y") %]</pre> <p> The <code>attr</code> method returns the height and width as HTML/XML attributes. </p> <pre>[% USE image 'foo.gif' %] [% image.attr %]</pre> <p> Typical output: </p> <pre>width="60" height="20"</pre> <p> The <code>tag</code> method returns a complete XHTML tag referencing the image. </p> <pre>[% USE image 'foo.gif' %] [% image.tag %]</pre> <p> Typical output: </p> <pre>&lt;img src="foo.gif" width="60" height="20" alt="" /&gt;</pre> <p> You can provide any additional attributes that should be added to the XHTML tag. </p> <pre>[% USE image 'foo.gif' %] [% image.tag(class="logo" alt="Logo") %]</pre> <p> Typical output: </p> <pre>&lt;img src="foo.gif" width="60" height="20" alt="Logo" class="logo" /&gt;</pre> <p> Note that the <code>alt</code> attribute is mandatory in a strict XHTML <code>img</code> element (even if it's empty) so it is always added even if you don't explicitly provide a value for it. You can do so as an argument to the <code>tag</code> method, as shown in the previous example, or as an argument </p> <pre>[% USE image('foo.gif', alt='Logo') %]</pre> </div> </div> <div class="section"> <div class="head"> <h1 id="CATCHING_ERRORS" onclick="switch_section(this)" title="Click title to show/hide section content.">CATCHING ERRORS</h1> <a href="#body" class="top" title="Back up to the top of the page" >Top</a> </div> <div class="body"> <p> If the image file cannot be found then the above methods will throw an <code>Image</code> error. You can enclose calls to these methods in a <code>TRY...CATCH</code> block to catch any potential errors. </p> <pre>[% TRY; image.width; CATCH; error; # print error END %]</pre> </div> </div> <div class="section"> <div class="head"> <h1 id="USING_Image_Info" onclick="switch_section(this)" title="Click title to show/hide section content.">USING Image::Info</h1> <a href="#body" class="top" title="Back up to the top of the page" >Top</a> </div> <div class="body"> <p> At run time, the plugin tries to load <a href="http://search.cpan.org/search?query=Image::Info&mode=all">Image::Info</a> in preference to <a href="http://search.cpan.org/search?query=Image::Size&mode=all">Image::Size</a>. If <a href="http://search.cpan.org/search?query=Image::Info&mode=all">Image::Info</a> is found, then some additional methods are available, in addition to <code>size</code>, <code>width</code>, <code>height</code>, <code>attr</code>, and <code>tag</code>. These additional methods are named after the elements that <a href="http://search.cpan.org/search?query=Image::Info&mode=all">Image::Info</a> retrieves from the image itself. The types of methods available depend on the type of image (see <a href="http://search.cpan.org/search?query=Image::Info&mode=all">Image::Info</a> for more details). These additional methods will always include the following: </p> <div class="subsection"> <div class="head"> <h2 id="section_file_media_type" onclick="switch_subsection(this)" title="Click title to show/hide sub-section content.">file_media_type</h2> <a href="#body" class="top" title="Back up to the top of the page" >Top</a> </div> <div class="body"> <p> This is the MIME type that is appropriate for the given file format. The corresponding value is a string like: "<code>image/png</code>" or "<code>image/jpeg</code>". </p> </div> </div> <div class="subsection"> <div class="head"> <h2 id="section_file_ext" onclick="switch_subsection(this)" title="Click title to show/hide sub-section content.">file_ext</h2> <a href="#body" class="top" title="Back up to the top of the page" >Top</a> </div> <div class="body"> <p> The is the suggested file name extention for a file of the given file format. The value is a 3 letter, lowercase string like "<code>png</code>", "<code>jpg</code>". </p> </div> </div> <div class="subsection"> <div class="head"> <h2 id="section_color_type" onclick="switch_subsection(this)" title="Click title to show/hide sub-section content.">color_type</h2> <a href="#body" class="top" title="Back up to the top of the page" >Top</a> </div> <div class="body"> <p> The value is a short string describing what kind of values the pixels encode. The value can be one of the following: </p> <pre>Gray GrayA RGB RGBA CMYK YCbCr CIELab</pre> <p> These names can also be prefixed by "<code>Indexed-</code>" if the image is composed of indexes into a palette. Of these, only "<code>Indexed-RGB</code>" is likely to occur. </p> <p> (It is similar to the TIFF field PhotometricInterpretation, but this name was found to be too long, so we used the PNG inpired term instead.) </p> </div> </div> <div class="subsection"> <div class="head"> <h2 id="section_resolution" onclick="switch_subsection(this)" title="Click title to show/hide sub-section content.">resolution</h2> <a href="#body" class="top" title="Back up to the top of the page" >Top</a> </div> <div class="body"> <p> The value of this field normally gives the physical size of the image on screen or paper. When the unit specifier is missing then this field denotes the squareness of pixels in the image. </p> <p> The syntax of this field is: </p> <pre>&lt;res&gt; &lt;unit&gt; &lt;xres&gt; "/" &lt;yres&gt; &lt;unit&gt; &lt;xres&gt; "/" &lt;yres&gt;</pre> <p> The <code>&lt;res&gt;</code>, <code>&lt;xres&gt;</code> and <code>&lt;yres&gt;</code> fields are numbers. The <code>&lt;unit&gt;</code> is a string like <code>dpi</code>, <code>dpm</code> or <code>dpcm</code> (denoting "dots per inch/cm/meter). </p> </div> </div> <div class="subsection"> <div class="head"> <h2 id="section_SamplesPerPixel" onclick="switch_subsection(this)" title="Click title to show/hide sub-section content.">SamplesPerPixel</h2> <a href="#body" class="top" title="Back up to the top of the page" >Top</a> </div> <div class="body"> <p> This says how many channels there are in the image. For some image formats this number might be higher than the number implied from the <code>color_type</code>. </p> </div> </div> <div class="subsection"> <div class="head"> <h2 id="section_BitsPerSample" onclick="switch_subsection(this)" title="Click title to show/hide sub-section content.">BitsPerSample</h2> <a href="#body" class="top" title="Back up to the top of the page" >Top</a> </div> <div class="body"> <p> This says how many bits are used to encode each of samples. The value is a reference to an array containing numbers. The number of elements in the array should be the same as <code>SamplesPerPixel</code>. </p> </div> </div> <div class="subsection"> <div class="head"> <h2 id="section_Comment" onclick="switch_subsection(this)" title="Click title to show/hide sub-section content.">Comment</h2> <a href="#body" class="top" title="Back up to the top of the page" >Top</a> </div> <div class="body"> <p> Textual comments found in the file. The value is a reference to an array if there are multiple comments found. </p> </div> </div> <div class="subsection"> <div class="head"> <h2 id="section_Interlace" onclick="switch_subsection(this)" title="Click title to show/hide sub-section content.">Interlace</h2> <a href="#body" class="top" title="Back up to the top of the page" >Top</a> </div> <div class="body"> <p> If the image is interlaced, then this returns the interlace type. </p> </div> </div> <div class="subsection"> <div class="head"> <h2 id="section_Compression" onclick="switch_subsection(this)" title="Click title to show/hide sub-section content.">Compression</h2> <a href="#body" class="top" title="Back up to the top of the page" >Top</a> </div> <div class="body"> <p> This returns the name of the compression algorithm is used. </p> </div> </div> <div class="subsection"> <div class="head"> <h2 id="section_Gamma" onclick="switch_subsection(this)" title="Click title to show/hide sub-section content.">Gamma</h2> <a href="#body" class="top" title="Back up to the top of the page" >Top</a> </div> <div class="body"> <p> A number indicating the gamma curve of the image (e.g. 2.2) </p> </div> </div> </div> </div> <div class="section"> <div class="head"> <h1 id="AUTHOR" onclick="switch_section(this)" title="Click title to show/hide section content.">AUTHOR</h1> <a href="#body" class="top" title="Back up to the top of the page" >Top</a> </div> <div class="body"> <p> Andy Wardley &lt;abw@wardley.org&gt; <a href="http://wardley.org/">http://wardley.org/</a> </p> </div> </div> <div class="section"> <div class="head"> <h1 id="COPYRIGHT" onclick="switch_section(this)" title="Click title to show/hide section content.">COPYRIGHT</h1> <a href="#body" class="top" title="Back up to the top of the page" >Top</a> </div> <div class="body"> <p> Copyright (C) 1996-2007 Andy Wardley. All Rights Reserved. </p> <p> This module is free software; you can redistribute it and/or modify it under the same terms as Perl itself. </p> </div> </div> <div class="section"> <div class="head"> <h1 id="SEE_ALSO" onclick="switch_section(this)" title="Click title to show/hide section content.">SEE ALSO</h1> <a href="#body" class="top" title="Back up to the top of the page" >Top</a> </div> <div class="body"> <p> <a href="../../../modules/Template/Plugin.html">Template::Plugin</a>, <a href="http://search.cpan.org/search?query=Image::Info&mode=all">Image::Info</a> </p> </div> </div> </div></div> <br class="clear" /> <div class="pageinfo"> /modules/Template/Plugin/Image.html last modified 10:55:01 31-May-2007 </div> </div> <div id="footer"> <a href="http://opensource.org/" class="osi"></a> <div class="controls"> <div class="pager"> <a href="../../../modules/Template/Plugin/HTML.html" title="Template::Plugin::HTML" class="go back">Back<span class="about"><h4>Template::Plugin::HTML</h4></span></a> <a href="../../../modules/Template/Plugin/index.html" title="Template::Plugin::* Modules" class="go up">Up<span class="about"><h4>Template::Plugin::* Modules</h4></span></a> <a href="../../../modules/Template/Plugin/Iterator.html" title="Template::Plugin::Iterator" class="go next">Next<span class="about"><h4>Template::Plugin::Iterator</h4></span></a> </div> </div> <div class="copyright"> Copyright &copy; 1996-2007 <a href="http://wardley.org/">Andy Wardley</a>. All Rights Reserved. </div> <div class="licence"> The <a href="http://template-toolkit.org/">Template Toolkit</a> is <a href="http://opensource.org/">Open Source</a> software. You can redistribute and/or modify it under the terms of the <a href="http://www.opensource.org/licenses/gpl-license.php">GNU Public Licence</a> or the <a href="http://www.opensource.org/licenses/artistic-license.php">Perl Artistic Licence</a>. </div> </div> <div id="palette"> <ul> <li class="first"><a href="#" class="blue" onclick="set_style('Clear Blue')"></a></li> <li><a href="#" class="orange" onclick="set_style('Clear Orange')"></a></li> <li><a href="#" class="green" onclick="set_style('Clear Green')"></a></li> <li><a href="#" class="purple" onclick="set_style('Clear Purple')"></a></li> <li><a href="#" class="grey" onclick="set_style('Clear Grey')"></a></li> </ul> </div> </div> </body> </html>