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: /home2/samarhoy/public_html/admin/plugins/jqvmap
Viewing File: /home2/samarhoy/public_html/admin/plugins/jqvmap/jquery.vmap.js
/*! * JQVMap: jQuery Vector Map Library * @author JQVMap <me@peterschmalfeldt.com> * @version 1.5.1 * @link http://jqvmap.com * @license https://github.com/manifestinteractive/jqvmap/blob/master/LICENSE * @builddate 2016/06/02 */ var VectorCanvas = function (width, height, params) { this.mode = window.SVGAngle ? 'svg' : 'vml'; this.params = params; if (this.mode === 'svg') { this.createSvgNode = function (nodeName) { return document.createElementNS(this.svgns, nodeName); }; } else { try { if (!document.namespaces.rvml) { document.namespaces.add('rvml', 'urn:schemas-microsoft-com:vml'); } this.createVmlNode = function (tagName) { return document.createElement('<rvml:' + tagName + ' class="rvml">'); }; } catch (e) { this.createVmlNode = function (tagName) { return document.createElement('<' + tagName + ' xmlns="urn:schemas-microsoft.com:vml" class="rvml">'); }; } document.createStyleSheet().addRule('.rvml', 'behavior:url(#default#VML)'); } if (this.mode === 'svg') { this.canvas = this.createSvgNode('svg'); } else { this.canvas = this.createVmlNode('group'); this.canvas.style.position = 'absolute'; } this.setSize(width, height); }; VectorCanvas.prototype = { svgns: 'http://www.w3.org/2000/svg', mode: 'svg', width: 0, height: 0, canvas: null }; var ColorScale = function (colors, normalizeFunction, minValue, maxValue) { if (colors) { this.setColors(colors); } if (normalizeFunction) { this.setNormalizeFunction(normalizeFunction); } if (minValue) { this.setMin(minValue); } if (minValue) { this.setMax(maxValue); } }; ColorScale.prototype = { colors: [] }; var JQVMap = function (params) { params = params || {}; var map = this; var mapData = JQVMap.maps[params.map]; var mapPins; if( !mapData){ throw new Error('Invalid "' + params.map + '" map parameter. Please make sure you have loaded this map file in your HTML.'); } this.selectedRegions = []; this.multiSelectRegion = params.multiSelectRegion; this.container = params.container; this.defaultWidth = mapData.width; this.defaultHeight = mapData.height; this.color = params.color; this.selectedColor = params.selectedColor; this.hoverColor = params.hoverColor; this.hoverColors = params.hoverColors; this.hoverOpacity = params.hoverOpacity; this.setBackgroundColor(params.backgroundColor); this.width = params.container.width(); this.height = params.container.height(); this.resize(); jQuery(window).resize(function () { var newWidth = params.container.width(); var newHeight = params.container.height(); if(newWidth && newHeight){ map.width = newWidth; map.height = newHeight; map.resize(); map.canvas.setSize(map.width, map.height); map.applyTransform(); var resizeEvent = jQuery.Event('resize.jqvmap'); jQuery(params.container).trigger(resizeEvent, [newWidth, newHeight]); if(mapPins){ jQuery('.jqvmap-pin').remove(); map.pinHandlers = false; map.placePins(mapPins.pins, mapPins.mode); } } }); this.canvas = new VectorCanvas(this.width, this.height, params); params.container.append(this.canvas.canvas); this.makeDraggable(); this.rootGroup = this.canvas.createGroup(true); this.index = JQVMap.mapIndex; this.label = jQuery('<div/>').addClass('jqvmap-label').appendTo(jQuery('body')).hide(); if (params.enableZoom) { jQuery('<div/>').addClass('jqvmap-zoomin').text('+').appendTo(params.container); jQuery('<div/>').addClass('jqvmap-zoomout').html('&#x2212;').appendTo(params.container); } map.countries = []; for (var key in mapData.paths) { var path = this.canvas.createPath({ path: mapData.paths[key].path }); path.setFill(this.color); path.id = map.getCountryId(key); map.countries[key] = path; if (this.canvas.mode === 'svg') { path.setAttribute('class', 'jqvmap-region'); } else { jQuery(path).addClass('jqvmap-region'); } jQuery(this.rootGroup).append(path); } jQuery(params.container).delegate(this.canvas.mode === 'svg' ? 'path' : 'shape', 'mouseover mouseout', function (e) { var containerPath = e.target, code = e.target.id.split('_').pop(), labelShowEvent = jQuery.Event('labelShow.jqvmap'), regionMouseOverEvent = jQuery.Event('regionMouseOver.jqvmap'); code = code.toLowerCase(); if (e.type === 'mouseover') { jQuery(params.container).trigger(regionMouseOverEvent, [code, mapData.paths[code].name]); if (!regionMouseOverEvent.isDefaultPrevented()) { map.highlight(code, containerPath); } if (params.showTooltip) { map.label.text(mapData.paths[code].name); jQuery(params.container).trigger(labelShowEvent, [map.label, code]); if (!labelShowEvent.isDefaultPrevented()) { map.label.show(); map.labelWidth = map.label.width(); map.labelHeight = map.label.height(); } } } else { map.unhighlight(code, containerPath); map.label.hide(); jQuery(params.container).trigger('regionMouseOut.jqvmap', [code, mapData.paths[code].name]); } }); jQuery(params.container).delegate(this.canvas.mode === 'svg' ? 'path' : 'shape', 'click', function (regionClickEvent) { var targetPath = regionClickEvent.target; var code = regionClickEvent.target.id.split('_').pop(); var mapClickEvent = jQuery.Event('regionClick.jqvmap'); code = code.toLowerCase(); jQuery(params.container).trigger(mapClickEvent, [code, mapData.paths[code].name]); if ( !params.multiSelectRegion && !mapClickEvent.isDefaultPrevented()) { for (var keyPath in mapData.paths) { map.countries[keyPath].currentFillColor = map.countries[keyPath].getOriginalFill(); map.countries[keyPath].setFill(map.countries[keyPath].getOriginalFill()); } } if ( !mapClickEvent.isDefaultPrevented()) { if (map.isSelected(code)) { map.deselect(code, targetPath); } else { map.select(code, targetPath); } } }); if (params.showTooltip) { params.container.mousemove(function (e) { if (map.label.is(':visible')) { var left = e.pageX - 15 - map.labelWidth; var top = e.pageY - 15 - map.labelHeight; if(left < 0) { left = e.pageX + 15; } if(top < 0) { top = e.pageY + 15; } map.label.css({ left: left, top: top }); } }); } this.setColors(params.colors); this.canvas.canvas.appendChild(this.rootGroup); this.applyTransform(); this.colorScale = new ColorScale(params.scaleColors, params.normalizeFunction, params.valueMin, params.valueMax); if (params.values) { this.values = params.values; this.setValues(params.values); } if (params.selectedRegions) { if (params.selectedRegions instanceof Array) { for(var k in params.selectedRegions) { this.select(params.selectedRegions[k].toLowerCase()); } } else { this.select(params.selectedRegions.toLowerCase()); } } this.bindZoomButtons(); if(params.pins) { mapPins = { pins: params.pins, mode: params.pinMode }; this.pinHandlers = false; this.placePins(params.pins, params.pinMode); } if(params.showLabels){ this.pinHandlers = false; var pins = {}; for (key in map.countries){ if (typeof map.countries[key] !== 'function') { if( !params.pins || !params.pins[key] ){ pins[key] = key.toUpperCase(); } } } mapPins = { pins: pins, mode: 'content' }; this.placePins(pins, 'content'); } JQVMap.mapIndex++; }; JQVMap.prototype = { transX: 0, transY: 0, scale: 1, baseTransX: 0, baseTransY: 0, baseScale: 1, width: 0, height: 0, countries: {}, countriesColors: {}, countriesData: {}, zoomStep: 1.4, zoomMaxStep: 4, zoomCurStep: 1 }; JQVMap.xlink = 'http://www.w3.org/1999/xlink'; JQVMap.mapIndex = 1; JQVMap.maps = {}; (function(){ var apiParams = { colors: 1, values: 1, backgroundColor: 1, scaleColors: 1, normalizeFunction: 1, enableZoom: 1, showTooltip: 1, borderColor: 1, borderWidth: 1, borderOpacity: 1, selectedRegions: 1, multiSelectRegion: 1 }; var apiEvents = { onLabelShow: 'labelShow', onLoad: 'load', onRegionOver: 'regionMouseOver', onRegionOut: 'regionMouseOut', onRegionClick: 'regionClick', onRegionSelect: 'regionSelect', onRegionDeselect: 'regionDeselect', onResize: 'resize' }; jQuery.fn.vectorMap = function (options) { var defaultParams = { map: 'world_en', backgroundColor: '#a5bfdd', color: '#f4f3f0', hoverColor: '#c9dfaf', hoverColors: {}, selectedColor: '#c9dfaf', scaleColors: ['#b6d6ff', '#005ace'], normalizeFunction: 'linear', enableZoom: true, showTooltip: true, borderColor: '#818181', borderWidth: 1, borderOpacity: 0.25, selectedRegions: null, multiSelectRegion: false }, map = this.data('mapObject'); if (options === 'addMap') { JQVMap.maps[arguments[1]] = arguments[2]; } else if (options === 'set' && apiParams[arguments[1]]) { map['set' + arguments[1].charAt(0).toUpperCase() + arguments[1].substr(1)].apply(map, Array.prototype.slice.call(arguments, 2)); } else if (typeof options === 'string' && typeof map[options] === 'function') { return map[options].apply(map, Array.prototype.slice.call(arguments, 1)); } else { jQuery.extend(defaultParams, options); defaultParams.container = this; this.css({ position: 'relative', overflow: 'hidden' }); map = new JQVMap(defaultParams); this.data('mapObject', map); this.unbind('.jqvmap'); for (var e in apiEvents) { if (defaultParams[e]) { this.bind(apiEvents[e] + '.jqvmap', defaultParams[e]); } } var loadEvent = jQuery.Event('load.jqvmap'); jQuery(defaultParams.container).trigger(loadEvent, map); return map; } }; })(jQuery); ColorScale.arrayToRgb = function (ar) { var rgb = '#'; var d; for (var i = 0; i < ar.length; i++) { d = ar[i].toString(16); rgb += d.length === 1 ? '0' + d : d; } return rgb; }; ColorScale.prototype.getColor = function (value) { if (typeof this.normalize === 'function') { value = this.normalize(value); } var lengthes = []; var fullLength = 0; var l; for (var i = 0; i < this.colors.length - 1; i++) { l = this.vectorLength(this.vectorSubtract(this.colors[i + 1], this.colors[i])); lengthes.push(l); fullLength += l; } var c = (this.maxValue - this.minValue) / fullLength; for (i = 0; i < lengthes.length; i++) { lengthes[i] *= c; } i = 0; value -= this.minValue; while (value - lengthes[i] >= 0) { value -= lengthes[i]; i++; } var color; if (i === this.colors.length - 1) { color = this.vectorToNum(this.colors[i]).toString(16); } else { color = (this.vectorToNum(this.vectorAdd(this.colors[i], this.vectorMult(this.vectorSubtract(this.colors[i + 1], this.colors[i]), (value) / (lengthes[i]))))).toString(16); } while (color.length < 6) { color = '0' + color; } return '#' + color; }; ColorScale.rgbToArray = function (rgb) { rgb = rgb.substr(1); return [parseInt(rgb.substr(0, 2), 16), parseInt(rgb.substr(2, 2), 16), parseInt(rgb.substr(4, 2), 16)]; }; ColorScale.prototype.setColors = function (colors) { for (var i = 0; i < colors.length; i++) { colors[i] = ColorScale.rgbToArray(colors[i]); } this.colors = colors; }; ColorScale.prototype.setMax = function (max) { this.clearMaxValue = max; if (typeof this.normalize === 'function') { this.maxValue = this.normalize(max); } else { this.maxValue = max; } }; ColorScale.prototype.setMin = function (min) { this.clearMinValue = min; if (typeof this.normalize === 'function') { this.minValue = this.normalize(min); } else { this.minValue = min; } }; ColorScale.prototype.setNormalizeFunction = function (f) { if (f === 'polynomial') { this.normalize = function (value) { return Math.pow(value, 0.2); }; } else if (f === 'linear') { delete this.normalize; } else { this.normalize = f; } this.setMin(this.clearMinValue); this.setMax(this.clearMaxValue); }; ColorScale.prototype.vectorAdd = function (vector1, vector2) { var vector = []; for (var i = 0; i < vector1.length; i++) { vector[i] = vector1[i] + vector2[i]; } return vector; }; ColorScale.prototype.vectorLength = function (vector) { var result = 0; for (var i = 0; i < vector.length; i++) { result += vector[i] * vector[i]; } return Math.sqrt(result); }; ColorScale.prototype.vectorMult = function (vector, num) { var result = []; for (var i = 0; i < vector.length; i++) { result[i] = vector[i] * num; } return result; }; ColorScale.prototype.vectorSubtract = function (vector1, vector2) { var vector = []; for (var i = 0; i < vector1.length; i++) { vector[i] = vector1[i] - vector2[i]; } return vector; }; ColorScale.prototype.vectorToNum = function (vector) { var num = 0; for (var i = 0; i < vector.length; i++) { num += Math.round(vector[i]) * Math.pow(256, vector.length - i - 1); } return num; }; JQVMap.prototype.applyTransform = function () { var maxTransX, maxTransY, minTransX, minTransY; if (this.defaultWidth * this.scale <= this.width) { maxTransX = (this.width - this.defaultWidth * this.scale) / (2 * this.scale); minTransX = (this.width - this.defaultWidth * this.scale) / (2 * this.scale); } else { maxTransX = 0; minTransX = (this.width - this.defaultWidth * this.scale) / this.scale; } if (this.defaultHeight * this.scale <= this.height) { maxTransY = (this.height - this.defaultHeight * this.scale) / (2 * this.scale); minTransY = (this.height - this.defaultHeight * this.scale) / (2 * this.scale); } else { maxTransY = 0; minTransY = (this.height - this.defaultHeight * this.scale) / this.scale; } if (this.transY > maxTransY) { this.transY = maxTransY; } else if (this.transY < minTransY) { this.transY = minTransY; } if (this.transX > maxTransX) { this.transX = maxTransX; } else if (this.transX < minTransX) { this.transX = minTransX; } this.canvas.applyTransformParams(this.scale, this.transX, this.transY); }; JQVMap.prototype.bindZoomButtons = function () { var map = this; this.container.find('.jqvmap-zoomin').click(function(){ map.zoomIn(); }); this.container.find('.jqvmap-zoomout').click(function(){ map.zoomOut(); }); }; JQVMap.prototype.deselect = function (cc, path) { cc = cc.toLowerCase(); path = path || jQuery('#' + this.getCountryId(cc))[0]; if (this.isSelected(cc)) { this.selectedRegions.splice(this.selectIndex(cc), 1); jQuery(this.container).trigger('regionDeselect.jqvmap', [cc]); path.currentFillColor = path.getOriginalFill(); path.setFill(path.getOriginalFill()); } else { for (var key in this.countries) { this.selectedRegions.splice(this.selectedRegions.indexOf(key), 1); this.countries[key].currentFillColor = this.color; this.countries[key].setFill(this.color); } } }; JQVMap.prototype.getCountryId = function (cc) { return 'jqvmap' + this.index + '_' + cc; }; JQVMap.prototype.getPin = function(cc){ var pinObj = jQuery('#' + this.getPinId(cc)); return pinObj.html(); }; JQVMap.prototype.getPinId = function (cc) { return this.getCountryId(cc) + '_pin'; }; JQVMap.prototype.getPins = function(){ var pins = this.container.find('.jqvmap-pin'); var ret = {}; jQuery.each(pins, function(index, pinObj){ pinObj = jQuery(pinObj); var cc = pinObj.attr('for').toLowerCase(); var pinContent = pinObj.html(); ret[cc] = pinContent; }); return JSON.stringify(ret); }; JQVMap.prototype.highlight = function (cc, path) { path = path || jQuery('#' + this.getCountryId(cc))[0]; if (this.hoverOpacity) { path.setOpacity(this.hoverOpacity); } else if (this.hoverColors && (cc in this.hoverColors)) { path.currentFillColor = path.getFill() + ''; path.setFill(this.hoverColors[cc]); } else if (this.hoverColor) { path.currentFillColor = path.getFill() + ''; path.setFill(this.hoverColor); } }; JQVMap.prototype.isSelected = function(cc) { return this.selectIndex(cc) >= 0; }; JQVMap.prototype.makeDraggable = function () { var mouseDown = false; var oldPageX, oldPageY; var self = this; self.isMoving = false; self.isMovingTimeout = false; var lastTouchCount; var touchCenterX; var touchCenterY; var touchStartDistance; var touchStartScale; var touchX; var touchY; this.container.mousemove(function (e) { if (mouseDown) { self.transX -= (oldPageX - e.pageX) / self.scale; self.transY -= (oldPageY - e.pageY) / self.scale; self.applyTransform(); oldPageX = e.pageX; oldPageY = e.pageY; self.isMoving = true; if (self.isMovingTimeout) { clearTimeout(self.isMovingTimeout); } self.container.trigger('drag'); } return false; }).mousedown(function (e) { mouseDown = true; oldPageX = e.pageX; oldPageY = e.pageY; return false; }).mouseup(function () { mouseDown = false; clearTimeout(self.isMovingTimeout); self.isMovingTimeout = setTimeout(function () { self.isMoving = false; }, 100); return false; }).mouseout(function () { if(mouseDown && self.isMoving){ clearTimeout(self.isMovingTimeout); self.isMovingTimeout = setTimeout(function () { mouseDown = false; self.isMoving = false; }, 100); return false; } }); jQuery(this.container).bind('touchmove', function (e) { var offset; var scale; var touches = e.originalEvent.touches; var transformXOld; var transformYOld; if (touches.length === 1) { if (lastTouchCount === 1) { if(touchX === touches[0].pageX && touchY === touches[0].pageY){ return; } transformXOld = self.transX; transformYOld = self.transY; self.transX -= (touchX - touches[0].pageX) / self.scale; self.transY -= (touchY - touches[0].pageY) / self.scale; self.applyTransform(); if (transformXOld !== self.transX || transformYOld !== self.transY) { e.preventDefault(); } self.isMoving = true; if (self.isMovingTimeout) { clearTimeout(self.isMovingTimeout); } } touchX = touches[0].pageX; touchY = touches[0].pageY; } else if (touches.length === 2) { if (lastTouchCount === 2) { scale = Math.sqrt( Math.pow(touches[0].pageX - touches[1].pageX, 2) + Math.pow(touches[0].pageY - touches[1].pageY, 2) ) / touchStartDistance; self.setScale( touchStartScale * scale, touchCenterX, touchCenterY ); e.preventDefault(); } else { offset = jQuery(self.container).offset(); if (touches[0].pageX > touches[1].pageX) { touchCenterX = touches[1].pageX + (touches[0].pageX - touches[1].pageX) / 2; } else { touchCenterX = touches[0].pageX + (touches[1].pageX - touches[0].pageX) / 2; } if (touches[0].pageY > touches[1].pageY) { touchCenterY = touches[1].pageY + (touches[0].pageY - touches[1].pageY) / 2; } else { touchCenterY = touches[0].pageY + (touches[1].pageY - touches[0].pageY) / 2; } touchCenterX -= offset.left; touchCenterY -= offset.top; touchStartScale = self.scale; touchStartDistance = Math.sqrt( Math.pow(touches[0].pageX - touches[1].pageX, 2) + Math.pow(touches[0].pageY - touches[1].pageY, 2) ); } } lastTouchCount = touches.length; }); jQuery(this.container).bind('touchstart', function () { lastTouchCount = 0; }); jQuery(this.container).bind('touchend', function () { lastTouchCount = 0; }); }; JQVMap.prototype.placePins = function(pins, pinMode){ var map = this; if(!pinMode || (pinMode !== 'content' && pinMode !== 'id')) { pinMode = 'content'; } if(pinMode === 'content') {//treat pin as content jQuery.each(pins, function(index, pin){ if(jQuery('#' + map.getCountryId(index)).length === 0){ return; } var pinIndex = map.getPinId(index); var $pin = jQuery('#' + pinIndex); if($pin.length > 0){ $pin.remove(); } map.container.append('<div id="' + pinIndex + '" for="' + index + '" class="jqvmap-pin" style="position:absolute">' + pin + '</div>'); }); } else { //treat pin as id of an html content jQuery.each(pins, function(index, pin){ if(jQuery('#' + map.getCountryId(index)).length === 0){ return; } var pinIndex = map.getPinId(index); var $pin = jQuery('#' + pinIndex); if($pin.length > 0){ $pin.remove(); } map.container.append('<div id="' + pinIndex + '" for="' + index + '" class="jqvmap-pin" style="position:absolute"></div>'); $pin.append(jQuery('#' + pin)); }); } this.positionPins(); if(!this.pinHandlers){ this.pinHandlers = true; var positionFix = function(){ map.positionPins(); }; this.container.bind('zoomIn', positionFix) .bind('zoomOut', positionFix) .bind('drag', positionFix); } }; JQVMap.prototype.positionPins = function(){ var map = this; var pins = this.container.find('.jqvmap-pin'); jQuery.each(pins, function(index, pinObj){ pinObj = jQuery(pinObj); var countryId = map.getCountryId(pinObj.attr('for').toLowerCase()); var countryObj = jQuery('#' + countryId); var bbox = countryObj[0].getBBox(); var scale = map.scale; var rootCoords = map.canvas.rootGroup.getBoundingClientRect(); var mapCoords = map.container[0].getBoundingClientRect(); var coords = { left: rootCoords.left - mapCoords.left, top: rootCoords.top - mapCoords.top }; var middleX = (bbox.x * scale) + ((bbox.width * scale) / 2); var middleY = (bbox.y * scale) + ((bbox.height * scale) / 2); pinObj.css({ left: coords.left + middleX - (pinObj.width() / 2), top: coords.top + middleY - (pinObj.height() / 2) }); }); }; JQVMap.prototype.removePin = function(cc) { cc = cc.toLowerCase(); jQuery('#' + this.getPinId(cc)).remove(); }; JQVMap.prototype.removePins = function(){ this.container.find('.jqvmap-pin').remove(); }; JQVMap.prototype.reset = function () { for (var key in this.countries) { this.countries[key].setFill(this.color); } this.scale = this.baseScale; this.transX = this.baseTransX; this.transY = this.baseTransY; this.applyTransform(); this.zoomCurStep = 1; }; JQVMap.prototype.resize = function () { var curBaseScale = this.baseScale; if (this.width / this.height > this.defaultWidth / this.defaultHeight) { this.baseScale = this.height / this.defaultHeight; this.baseTransX = Math.abs(this.width - this.defaultWidth * this.baseScale) / (2 * this.baseScale); } else { this.baseScale = this.width / this.defaultWidth; this.baseTransY = Math.abs(this.height - this.defaultHeight * this.baseScale) / (2 * this.baseScale); } this.scale *= this.baseScale / curBaseScale; this.transX *= this.baseScale / curBaseScale; this.transY *= this.baseScale / curBaseScale; }; JQVMap.prototype.select = function (cc, path) { cc = cc.toLowerCase(); path = path || jQuery('#' + this.getCountryId(cc))[0]; if (!this.isSelected(cc)) { if (this.multiSelectRegion) { this.selectedRegions.push(cc); } else { this.selectedRegions = [cc]; } jQuery(this.container).trigger('regionSelect.jqvmap', [cc]); if (this.selectedColor && path) { path.currentFillColor = this.selectedColor; path.setFill(this.selectedColor); } } }; JQVMap.prototype.selectIndex = function (cc) { cc = cc.toLowerCase(); for (var i = 0; i < this.selectedRegions.length; i++) { if (cc === this.selectedRegions[i]) { return i; } } return -1; }; JQVMap.prototype.setBackgroundColor = function (backgroundColor) { this.container.css('background-color', backgroundColor); }; JQVMap.prototype.setColors = function (key, color) { if (typeof key === 'string') { this.countries[key].setFill(color); this.countries[key].setAttribute('original', color); } else { var colors = key; for (var code in colors) { if (this.countries[code]) { this.countries[code].setFill(colors[code]); this.countries[code].setAttribute('original', colors[code]); } } } }; JQVMap.prototype.setNormalizeFunction = function (f) { this.colorScale.setNormalizeFunction(f); if (this.values) { this.setValues(this.values); } }; JQVMap.prototype.setScale = function (scale) { this.scale = scale; this.applyTransform(); }; JQVMap.prototype.setScaleColors = function (colors) { this.colorScale.setColors(colors); if (this.values) { this.setValues(this.values); } }; JQVMap.prototype.setValues = function (values) { var max = 0, min = Number.MAX_VALUE, val; for (var cc in values) { cc = cc.toLowerCase(); val = parseFloat(values[cc]); if (isNaN(val)) { continue; } if (val > max) { max = values[cc]; } if (val < min) { min = val; } } if (min === max) { max++; } this.colorScale.setMin(min); this.colorScale.setMax(max); var colors = {}; for (cc in values) { cc = cc.toLowerCase(); val = parseFloat(values[cc]); colors[cc] = isNaN(val) ? this.color : this.colorScale.getColor(val); } this.setColors(colors); this.values = values; }; JQVMap.prototype.unhighlight = function (cc, path) { cc = cc.toLowerCase(); path = path || jQuery('#' + this.getCountryId(cc))[0]; path.setOpacity(1); if (path.currentFillColor) { path.setFill(path.currentFillColor); } }; JQVMap.prototype.zoomIn = function () { var map = this; var sliderDelta = (jQuery('#zoom').innerHeight() - 6 * 2 - 15 * 2 - 3 * 2 - 7 - 6) / (this.zoomMaxStep - this.zoomCurStep); if (map.zoomCurStep < map.zoomMaxStep) { map.transX -= (map.width / map.scale - map.width / (map.scale * map.zoomStep)) / 2; map.transY -= (map.height / map.scale - map.height / (map.scale * map.zoomStep)) / 2; map.setScale(map.scale * map.zoomStep); map.zoomCurStep++; var $slider = jQuery('#zoomSlider'); $slider.css('top', parseInt($slider.css('top'), 10) - sliderDelta); map.container.trigger('zoomIn'); } }; JQVMap.prototype.zoomOut = function () { var map = this; var sliderDelta = (jQuery('#zoom').innerHeight() - 6 * 2 - 15 * 2 - 3 * 2 - 7 - 6) / (this.zoomMaxStep - this.zoomCurStep); if (map.zoomCurStep > 1) { map.transX += (map.width / (map.scale / map.zoomStep) - map.width / map.scale) / 2; map.transY += (map.height / (map.scale / map.zoomStep) - map.height / map.scale) / 2; map.setScale(map.scale / map.zoomStep); map.zoomCurStep--; var $slider = jQuery('#zoomSlider'); $slider.css('top', parseInt($slider.css('top'), 10) + sliderDelta); map.container.trigger('zoomOut'); } }; VectorCanvas.prototype.applyTransformParams = function (scale, transX, transY) { if (this.mode === 'svg') { this.rootGroup.setAttribute('transform', 'scale(' + scale + ') translate(' + transX + ', ' + transY + ')'); } else { this.rootGroup.coordorigin = (this.width - transX) + ',' + (this.height - transY); this.rootGroup.coordsize = this.width / scale + ',' + this.height / scale; } }; VectorCanvas.prototype.createGroup = function (isRoot) { var node; if (this.mode === 'svg') { node = this.createSvgNode('g'); } else { node = this.createVmlNode('group'); node.style.width = this.width + 'px'; node.style.height = this.height + 'px'; node.style.left = '0px'; node.style.top = '0px'; node.coordorigin = '0 0'; node.coordsize = this.width + ' ' + this.height; } if (isRoot) { this.rootGroup = node; } return node; }; VectorCanvas.prototype.createPath = function (config) { var node; if (this.mode === 'svg') { node = this.createSvgNode('path'); node.setAttribute('d', config.path); if (this.params.borderColor !== null) { node.setAttribute('stroke', this.params.borderColor); } if (this.params.borderWidth > 0) { node.setAttribute('stroke-width', this.params.borderWidth); node.setAttribute('stroke-linecap', 'round'); node.setAttribute('stroke-linejoin', 'round'); } if (this.params.borderOpacity > 0) { node.setAttribute('stroke-opacity', this.params.borderOpacity); } node.setFill = function (color) { this.setAttribute('fill', color); if (this.getAttribute('original') === null) { this.setAttribute('original', color); } }; node.getFill = function () { return this.getAttribute('fill'); }; node.getOriginalFill = function () { return this.getAttribute('original'); }; node.setOpacity = function (opacity) { this.setAttribute('fill-opacity', opacity); }; } else { node = this.createVmlNode('shape'); node.coordorigin = '0 0'; node.coordsize = this.width + ' ' + this.height; node.style.width = this.width + 'px'; node.style.height = this.height + 'px'; node.fillcolor = JQVMap.defaultFillColor; node.stroked = false; node.path = VectorCanvas.pathSvgToVml(config.path); var scale = this.createVmlNode('skew'); scale.on = true; scale.matrix = '0.01,0,0,0.01,0,0'; scale.offset = '0,0'; node.appendChild(scale); var fill = this.createVmlNode('fill'); node.appendChild(fill); node.setFill = function (color) { this.getElementsByTagName('fill')[0].color = color; if (this.getAttribute('original') === null) { this.setAttribute('original', color); } }; node.getFill = function () { return this.getElementsByTagName('fill')[0].color; }; node.getOriginalFill = function () { return this.getAttribute('original'); }; node.setOpacity = function (opacity) { this.getElementsByTagName('fill')[0].opacity = parseInt(opacity * 100, 10) + '%'; }; } return node; }; VectorCanvas.prototype.pathSvgToVml = function (path) { var result = ''; var cx = 0, cy = 0, ctrlx, ctrly; return path.replace(/([MmLlHhVvCcSs])((?:-?(?:\d+)?(?:\.\d+)?,?\s?)+)/g, function (segment, letter, coords) { coords = coords.replace(/(\d)-/g, '$1,-').replace(/\s+/g, ',').split(','); if (!coords[0]) { coords.shift(); } for (var i = 0, l = coords.length; i < l; i++) { coords[i] = Math.round(100 * coords[i]); } switch (letter) { case 'm': cx += coords[0]; cy += coords[1]; result = 't' + coords.join(','); break; case 'M': cx = coords[0]; cy = coords[1]; result = 'm' + coords.join(','); break; case 'l': cx += coords[0]; cy += coords[1]; result = 'r' + coords.join(','); break; case 'L': cx = coords[0]; cy = coords[1]; result = 'l' + coords.join(','); break; case 'h': cx += coords[0]; result = 'r' + coords[0] + ',0'; break; case 'H': cx = coords[0]; result = 'l' + cx + ',' + cy; break; case 'v': cy += coords[0]; result = 'r0,' + coords[0]; break; case 'V': cy = coords[0]; result = 'l' + cx + ',' + cy; break; case 'c': ctrlx = cx + coords[coords.length - 4]; ctrly = cy + coords[coords.length - 3]; cx += coords[coords.length - 2]; cy += coords[coords.length - 1]; result = 'v' + coords.join(','); break; case 'C': ctrlx = coords[coords.length - 4]; ctrly = coords[coords.length - 3]; cx = coords[coords.length - 2]; cy = coords[coords.length - 1]; result = 'c' + coords.join(','); break; case 's': coords.unshift(cy - ctrly); coords.unshift(cx - ctrlx); ctrlx = cx + coords[coords.length - 4]; ctrly = cy + coords[coords.length - 3]; cx += coords[coords.length - 2]; cy += coords[coords.length - 1]; result = 'v' + coords.join(','); break; case 'S': coords.unshift(cy + cy - ctrly); coords.unshift(cx + cx - ctrlx); ctrlx = coords[coords.length - 4]; ctrly = coords[coords.length - 3]; cx = coords[coords.length - 2]; cy = coords[coords.length - 1]; result = 'c' + coords.join(','); break; default: break; } return result; }).replace(/z/g, ''); }; VectorCanvas.prototype.setSize = function (width, height) { if (this.mode === 'svg') { this.canvas.setAttribute('width', width); this.canvas.setAttribute('height', height); } else { this.canvas.style.width = width + 'px'; this.canvas.style.height = height + 'px'; this.canvas.coordsize = width + ' ' + height; this.canvas.coordorigin = '0 0'; if (this.rootGroup) { var paths = this.rootGroup.getElementsByTagName('shape'); for (var i = 0, l = paths.length; i < l; i++) { paths[i].coordsize = width + ' ' + height; paths[i].style.width = width + 'px'; paths[i].style.height = height + 'px'; } this.rootGroup.coordsize = width + ' ' + height; this.rootGroup.style.width = width + 'px'; this.rootGroup.style.height = height + 'px'; } } this.width = width; this.height = height; };