123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187218821892190219121922193219421952196219721982199220022012202220322042205220622072208220922102211221222132214221522162217221822192220222122222223222422252226222722282229223022312232223322342235223622372238223922402241224222432244224522462247224822492250225122522253225422552256225722582259226022612262226322642265226622672268226922702271227222732274227522762277227822792280228122822283228422852286228722882289229022912292229322942295229622972298229923002301230223032304230523062307230823092310231123122313231423152316231723182319232023212322232323242325232623272328232923302331233223332334233523362337233823392340234123422343234423452346234723482349235023512352235323542355235623572358235923602361236223632364236523662367236823692370237123722373237423752376237723782379238023812382238323842385238623872388238923902391239223932394239523962397239823992400240124022403240424052406240724082409241024112412241324142415241624172418241924202421242224232424242524262427242824292430243124322433243424352436243724382439244024412442244324442445244624472448244924502451245224532454245524562457245824592460246124622463246424652466246724682469247024712472247324742475247624772478247924802481248224832484248524862487248824892490249124922493249424952496249724982499250025012502250325042505250625072508250925102511251225132514251525162517251825192520252125222523252425252526252725282529253025312532253325342535253625372538253925402541254225432544254525462547254825492550255125522553255425552556255725582559256025612562256325642565256625672568256925702571257225732574257525762577257825792580258125822583258425852586258725882589259025912592259325942595259625972598259926002601260226032604260526062607260826092610261126122613261426152616261726182619262026212622262326242625262626272628262926302631263226332634263526362637263826392640264126422643264426452646264726482649265026512652265326542655265626572658265926602661266226632664266526662667266826692670267126722673267426752676267726782679268026812682268326842685268626872688268926902691269226932694269526962697269826992700270127022703270427052706270727082709271027112712271327142715271627172718271927202721272227232724272527262727272827292730273127322733273427352736273727382739274027412742274327442745274627472748274927502751275227532754275527562757275827592760276127622763276427652766276727682769277027712772277327742775277627772778277927802781278227832784278527862787278827892790279127922793279427952796279727982799280028012802280328042805280628072808280928102811281228132814281528162817281828192820282128222823282428252826282728282829283028312832283328342835283628372838283928402841284228432844284528462847284828492850285128522853285428552856285728582859286028612862286328642865286628672868286928702871287228732874287528762877287828792880288128822883288428852886288728882889289028912892289328942895289628972898289929002901290229032904290529062907290829092910291129122913291429152916291729182919292029212922292329242925292629272928292929302931293229332934293529362937293829392940294129422943294429452946294729482949295029512952295329542955295629572958295929602961296229632964296529662967296829692970297129722973297429752976297729782979298029812982298329842985298629872988298929902991299229932994299529962997299829993000300130023003300430053006300730083009301030113012301330143015301630173018301930203021302230233024302530263027302830293030303130323033303430353036303730383039304030413042304330443045304630473048304930503051305230533054305530563057305830593060306130623063306430653066306730683069307030713072307330743075307630773078307930803081308230833084308530863087308830893090309130923093309430953096309730983099310031013102310331043105310631073108310931103111311231133114311531163117311831193120312131223123312431253126312731283129313031313132313331343135313631373138313931403141314231433144314531463147314831493150315131523153315431553156315731583159316031613162316331643165316631673168316931703171317231733174317531763177317831793180318131823183318431853186318731883189319031913192319331943195319631973198319932003201320232033204320532063207320832093210321132123213321432153216321732183219322032213222322332243225322632273228322932303231323232333234323532363237323832393240324132423243324432453246324732483249325032513252325332543255325632573258325932603261326232633264326532663267326832693270327132723273327432753276327732783279328032813282328332843285328632873288328932903291329232933294329532963297329832993300330133023303330433053306330733083309331033113312331333143315331633173318331933203321332233233324332533263327332833293330333133323333333433353336333733383339334033413342334333443345334633473348334933503351335233533354335533563357335833593360336133623363336433653366336733683369337033713372337333743375337633773378337933803381338233833384338533863387338833893390339133923393339433953396339733983399340034013402340334043405340634073408340934103411341234133414341534163417341834193420342134223423342434253426342734283429343034313432343334343435343634373438343934403441344234433444344534463447344834493450345134523453345434553456345734583459346034613462346334643465346634673468346934703471347234733474347534763477347834793480348134823483348434853486348734883489349034913492349334943495349634973498349935003501350235033504350535063507350835093510351135123513351435153516351735183519352035213522352335243525352635273528352935303531353235333534353535363537353835393540354135423543354435453546354735483549355035513552355335543555355635573558355935603561356235633564356535663567356835693570357135723573357435753576357735783579358035813582358335843585358635873588358935903591359235933594359535963597359835993600360136023603360436053606360736083609361036113612361336143615361636173618361936203621362236233624362536263627362836293630363136323633363436353636363736383639364036413642364336443645364636473648364936503651365236533654365536563657365836593660366136623663366436653666366736683669367036713672367336743675367636773678367936803681368236833684368536863687368836893690369136923693369436953696369736983699370037013702370337043705370637073708370937103711371237133714371537163717371837193720372137223723372437253726372737283729373037313732373337343735373637373738373937403741374237433744374537463747374837493750375137523753375437553756375737583759376037613762376337643765376637673768376937703771377237733774377537763777377837793780378137823783378437853786378737883789379037913792379337943795379637973798379938003801380238033804380538063807380838093810381138123813381438153816381738183819382038213822382338243825382638273828382938303831383238333834383538363837383838393840384138423843384438453846384738483849385038513852385338543855385638573858385938603861386238633864386538663867386838693870387138723873387438753876387738783879388038813882388338843885388638873888388938903891389238933894389538963897389838993900390139023903390439053906390739083909391039113912391339143915391639173918391939203921392239233924392539263927392839293930393139323933393439353936393739383939394039413942394339443945394639473948394939503951395239533954395539563957395839593960396139623963396439653966396739683969397039713972397339743975397639773978397939803981398239833984398539863987398839893990399139923993399439953996399739983999400040014002400340044005400640074008400940104011401240134014401540164017401840194020402140224023402440254026402740284029403040314032403340344035403640374038403940404041404240434044404540464047404840494050405140524053405440554056405740584059406040614062406340644065406640674068406940704071407240734074407540764077407840794080408140824083408440854086408740884089409040914092409340944095409640974098409941004101410241034104410541064107410841094110411141124113411441154116411741184119412041214122412341244125412641274128412941304131413241334134413541364137413841394140414141424143414441454146414741484149415041514152415341544155415641574158415941604161416241634164416541664167416841694170417141724173417441754176417741784179418041814182418341844185418641874188418941904191419241934194419541964197419841994200420142024203420442054206420742084209421042114212421342144215421642174218421942204221422242234224422542264227422842294230423142324233423442354236423742384239424042414242424342444245424642474248424942504251425242534254425542564257425842594260426142624263426442654266426742684269427042714272427342744275427642774278427942804281428242834284428542864287428842894290429142924293429442954296429742984299430043014302430343044305430643074308430943104311431243134314431543164317431843194320432143224323432443254326432743284329433043314332433343344335433643374338433943404341434243434344434543464347434843494350435143524353435443554356435743584359436043614362436343644365436643674368436943704371437243734374437543764377437843794380438143824383438443854386438743884389439043914392439343944395439643974398439944004401440244034404440544064407440844094410441144124413441444154416441744184419442044214422442344244425442644274428442944304431443244334434443544364437443844394440444144424443444444454446444744484449445044514452445344544455445644574458445944604461446244634464446544664467446844694470447144724473447444754476447744784479448044814482448344844485448644874488448944904491449244934494449544964497449844994500450145024503450445054506450745084509451045114512451345144515451645174518451945204521452245234524452545264527452845294530453145324533453445354536453745384539454045414542454345444545454645474548454945504551455245534554455545564557455845594560456145624563456445654566456745684569457045714572457345744575457645774578457945804581458245834584458545864587458845894590459145924593459445954596459745984599460046014602460346044605460646074608460946104611461246134614461546164617461846194620462146224623462446254626462746284629463046314632463346344635463646374638463946404641464246434644464546464647464846494650465146524653465446554656465746584659466046614662466346644665466646674668466946704671467246734674467546764677467846794680468146824683468446854686468746884689469046914692469346944695469646974698469947004701470247034704470547064707470847094710471147124713471447154716471747184719472047214722472347244725472647274728472947304731473247334734473547364737473847394740474147424743474447454746474747484749475047514752475347544755475647574758475947604761476247634764476547664767476847694770477147724773477447754776477747784779478047814782478347844785478647874788478947904791479247934794479547964797479847994800480148024803480448054806480748084809481048114812481348144815481648174818481948204821482248234824482548264827482848294830483148324833483448354836483748384839484048414842484348444845484648474848484948504851485248534854485548564857485848594860486148624863486448654866486748684869487048714872487348744875487648774878487948804881488248834884488548864887488848894890489148924893489448954896489748984899490049014902490349044905490649074908490949104911491249134914491549164917491849194920492149224923492449254926492749284929493049314932493349344935493649374938493949404941494249434944494549464947494849494950495149524953495449554956495749584959496049614962496349644965496649674968496949704971497249734974497549764977497849794980498149824983498449854986498749884989499049914992499349944995499649974998499950005001500250035004500550065007500850095010501150125013501450155016501750185019502050215022502350245025502650275028502950305031503250335034503550365037503850395040504150425043504450455046504750485049505050515052505350545055505650575058505950605061506250635064506550665067506850695070507150725073507450755076507750785079508050815082508350845085508650875088508950905091509250935094509550965097509850995100510151025103510451055106510751085109511051115112511351145115511651175118511951205121512251235124512551265127512851295130513151325133513451355136513751385139514051415142514351445145514651475148514951505151515251535154515551565157515851595160516151625163516451655166516751685169517051715172517351745175517651775178517951805181518251835184518551865187518851895190519151925193519451955196519751985199520052015202520352045205520652075208520952105211521252135214521552165217521852195220522152225223522452255226522752285229523052315232523352345235523652375238523952405241524252435244524552465247524852495250525152525253525452555256525752585259526052615262526352645265526652675268526952705271527252735274527552765277527852795280528152825283528452855286528752885289529052915292529352945295529652975298529953005301530253035304530553065307530853095310531153125313531453155316531753185319532053215322532353245325532653275328532953305331533253335334533553365337533853395340534153425343534453455346534753485349535053515352535353545355535653575358535953605361536253635364536553665367536853695370537153725373537453755376537753785379538053815382538353845385538653875388538953905391539253935394539553965397539853995400540154025403540454055406540754085409541054115412541354145415541654175418541954205421542254235424542554265427542854295430543154325433543454355436543754385439544054415442544354445445544654475448544954505451545254535454545554565457545854595460546154625463546454655466546754685469547054715472547354745475547654775478547954805481548254835484548554865487548854895490549154925493549454955496549754985499550055015502550355045505550655075508550955105511551255135514551555165517551855195520552155225523552455255526552755285529553055315532553355345535553655375538553955405541554255435544554555465547554855495550555155525553555455555556555755585559556055615562556355645565556655675568556955705571557255735574557555765577557855795580558155825583558455855586558755885589559055915592559355945595559655975598559956005601560256035604560556065607560856095610561156125613561456155616561756185619562056215622562356245625562656275628562956305631563256335634563556365637563856395640564156425643564456455646564756485649565056515652565356545655565656575658565956605661566256635664566556665667566856695670567156725673567456755676567756785679568056815682568356845685568656875688568956905691569256935694569556965697569856995700570157025703570457055706570757085709571057115712571357145715571657175718571957205721572257235724572557265727572857295730573157325733573457355736573757385739574057415742574357445745574657475748574957505751575257535754575557565757575857595760576157625763576457655766576757685769577057715772577357745775577657775778577957805781578257835784578557865787578857895790579157925793579457955796579757985799580058015802580358045805580658075808580958105811581258135814581558165817581858195820582158225823582458255826582758285829583058315832583358345835583658375838583958405841584258435844584558465847584858495850585158525853585458555856585758585859586058615862586358645865586658675868586958705871587258735874587558765877587858795880588158825883588458855886588758885889589058915892589358945895589658975898589959005901590259035904590559065907590859095910591159125913591459155916591759185919592059215922592359245925592659275928592959305931593259335934593559365937593859395940594159425943594459455946594759485949595059515952595359545955595659575958595959605961596259635964596559665967596859695970597159725973597459755976597759785979598059815982598359845985598659875988598959905991599259935994599559965997599859996000600160026003600460056006600760086009601060116012601360146015601660176018601960206021602260236024602560266027602860296030603160326033603460356036603760386039604060416042604360446045604660476048604960506051605260536054605560566057605860596060606160626063606460656066606760686069607060716072607360746075607660776078607960806081608260836084608560866087608860896090609160926093609460956096609760986099610061016102610361046105610661076108610961106111611261136114611561166117611861196120612161226123612461256126612761286129613061316132613361346135613661376138613961406141614261436144614561466147614861496150615161526153615461556156615761586159616061616162616361646165616661676168616961706171617261736174617561766177617861796180618161826183618461856186618761886189619061916192619361946195619661976198619962006201620262036204620562066207620862096210621162126213621462156216621762186219622062216222622362246225622662276228622962306231623262336234623562366237623862396240624162426243624462456246624762486249625062516252625362546255625662576258625962606261626262636264626562666267626862696270627162726273627462756276627762786279628062816282628362846285628662876288628962906291629262936294629562966297629862996300630163026303630463056306630763086309631063116312631363146315631663176318631963206321632263236324632563266327632863296330633163326333633463356336633763386339634063416342634363446345634663476348634963506351635263536354635563566357635863596360636163626363636463656366636763686369637063716372637363746375637663776378637963806381638263836384638563866387638863896390639163926393639463956396639763986399640064016402640364046405640664076408640964106411641264136414641564166417641864196420642164226423642464256426642764286429643064316432643364346435643664376438643964406441644264436444644564466447644864496450645164526453645464556456645764586459646064616462646364646465646664676468646964706471647264736474647564766477647864796480648164826483648464856486648764886489649064916492649364946495649664976498649965006501650265036504650565066507650865096510651165126513651465156516651765186519652065216522652365246525652665276528652965306531653265336534653565366537653865396540654165426543654465456546654765486549655065516552655365546555655665576558655965606561656265636564656565666567656865696570657165726573657465756576657765786579658065816582658365846585658665876588658965906591659265936594659565966597659865996600660166026603660466056606660766086609661066116612661366146615661666176618661966206621662266236624662566266627662866296630663166326633663466356636663766386639664066416642664366446645664666476648664966506651665266536654665566566657665866596660666166626663666466656666666766686669667066716672667366746675667666776678667966806681668266836684668566866687668866896690669166926693669466956696669766986699670067016702670367046705670667076708670967106711671267136714671567166717671867196720672167226723672467256726672767286729673067316732673367346735673667376738673967406741674267436744674567466747674867496750675167526753675467556756675767586759676067616762676367646765676667676768676967706771677267736774677567766777677867796780678167826783678467856786678767886789679067916792679367946795679667976798679968006801680268036804680568066807680868096810681168126813681468156816681768186819682068216822682368246825682668276828682968306831683268336834683568366837683868396840684168426843684468456846684768486849685068516852685368546855685668576858685968606861686268636864686568666867686868696870687168726873687468756876687768786879688068816882688368846885688668876888688968906891689268936894689568966897689868996900690169026903690469056906690769086909691069116912691369146915691669176918691969206921692269236924692569266927692869296930693169326933693469356936693769386939694069416942694369446945694669476948694969506951695269536954695569566957695869596960696169626963696469656966696769686969697069716972697369746975697669776978697969806981698269836984698569866987698869896990699169926993699469956996699769986999700070017002700370047005700670077008700970107011701270137014701570167017701870197020702170227023702470257026702770287029703070317032703370347035703670377038703970407041704270437044704570467047704870497050705170527053705470557056705770587059706070617062706370647065706670677068706970707071707270737074707570767077707870797080708170827083708470857086708770887089709070917092709370947095709670977098709971007101710271037104710571067107710871097110711171127113711471157116711771187119712071217122712371247125712671277128712971307131713271337134713571367137713871397140714171427143714471457146714771487149715071517152715371547155715671577158715971607161716271637164716571667167716871697170717171727173717471757176717771787179718071817182718371847185718671877188718971907191719271937194719571967197719871997200720172027203720472057206720772087209721072117212721372147215721672177218721972207221722272237224722572267227722872297230723172327233723472357236723772387239724072417242724372447245724672477248724972507251725272537254725572567257725872597260726172627263726472657266726772687269727072717272727372747275727672777278727972807281728272837284728572867287728872897290729172927293729472957296729772987299730073017302730373047305730673077308730973107311731273137314731573167317731873197320732173227323732473257326732773287329733073317332733373347335733673377338733973407341734273437344734573467347734873497350735173527353735473557356735773587359736073617362736373647365736673677368736973707371737273737374737573767377737873797380738173827383738473857386738773887389739073917392739373947395739673977398739974007401740274037404740574067407740874097410741174127413741474157416741774187419742074217422742374247425742674277428742974307431743274337434743574367437743874397440744174427443744474457446744774487449745074517452745374547455745674577458745974607461746274637464746574667467746874697470747174727473747474757476747774787479748074817482748374847485748674877488748974907491749274937494749574967497749874997500750175027503750475057506750775087509751075117512751375147515751675177518751975207521752275237524752575267527752875297530753175327533753475357536753775387539754075417542754375447545754675477548754975507551755275537554755575567557755875597560756175627563756475657566756775687569757075717572757375747575757675777578757975807581758275837584758575867587758875897590759175927593759475957596759775987599760076017602760376047605760676077608760976107611761276137614761576167617761876197620762176227623762476257626762776287629763076317632763376347635763676377638763976407641764276437644764576467647764876497650765176527653765476557656765776587659766076617662766376647665766676677668766976707671767276737674767576767677767876797680768176827683768476857686768776887689769076917692769376947695769676977698769977007701770277037704770577067707770877097710771177127713771477157716771777187719772077217722772377247725772677277728772977307731773277337734773577367737773877397740774177427743774477457746774777487749775077517752775377547755775677577758775977607761776277637764776577667767776877697770777177727773777477757776777777787779778077817782778377847785778677877788778977907791779277937794779577967797779877997800780178027803780478057806780778087809781078117812781378147815781678177818781978207821782278237824782578267827782878297830783178327833783478357836783778387839784078417842784378447845784678477848784978507851785278537854785578567857785878597860786178627863786478657866786778687869787078717872787378747875787678777878787978807881788278837884788578867887788878897890789178927893789478957896789778987899790079017902790379047905790679077908790979107911791279137914791579167917791879197920792179227923792479257926792779287929793079317932793379347935793679377938793979407941794279437944794579467947794879497950795179527953795479557956795779587959796079617962796379647965796679677968796979707971797279737974797579767977797879797980798179827983798479857986798779887989799079917992799379947995799679977998799980008001800280038004800580068007800880098010801180128013801480158016801780188019802080218022802380248025802680278028802980308031803280338034803580368037803880398040804180428043804480458046804780488049805080518052805380548055805680578058805980608061806280638064806580668067806880698070807180728073807480758076807780788079808080818082808380848085808680878088808980908091809280938094809580968097809880998100810181028103810481058106810781088109811081118112811381148115811681178118811981208121812281238124812581268127812881298130813181328133813481358136813781388139814081418142814381448145814681478148814981508151815281538154815581568157815881598160816181628163816481658166816781688169817081718172817381748175817681778178817981808181818281838184818581868187818881898190819181928193819481958196819781988199820082018202820382048205820682078208820982108211821282138214821582168217821882198220822182228223822482258226822782288229823082318232823382348235823682378238823982408241824282438244824582468247824882498250825182528253825482558256825782588259826082618262826382648265826682678268826982708271827282738274827582768277827882798280828182828283828482858286828782888289829082918292829382948295829682978298829983008301830283038304830583068307830883098310831183128313831483158316831783188319832083218322832383248325832683278328832983308331833283338334833583368337833883398340834183428343834483458346834783488349835083518352835383548355835683578358835983608361836283638364836583668367836883698370837183728373837483758376837783788379838083818382838383848385838683878388838983908391839283938394839583968397839883998400840184028403840484058406840784088409841084118412841384148415841684178418841984208421842284238424842584268427842884298430843184328433843484358436843784388439844084418442844384448445844684478448844984508451845284538454845584568457845884598460846184628463846484658466846784688469847084718472847384748475847684778478847984808481848284838484848584868487848884898490849184928493849484958496849784988499850085018502850385048505850685078508850985108511851285138514851585168517851885198520852185228523852485258526852785288529853085318532853385348535853685378538853985408541854285438544854585468547854885498550855185528553855485558556855785588559856085618562856385648565856685678568856985708571857285738574857585768577857885798580858185828583858485858586858785888589859085918592859385948595859685978598859986008601860286038604860586068607860886098610861186128613861486158616861786188619862086218622862386248625862686278628862986308631863286338634863586368637863886398640864186428643864486458646864786488649865086518652865386548655865686578658865986608661866286638664866586668667866886698670867186728673867486758676867786788679868086818682868386848685868686878688868986908691869286938694869586968697869886998700870187028703870487058706870787088709871087118712871387148715871687178718871987208721872287238724872587268727872887298730873187328733873487358736873787388739874087418742874387448745874687478748874987508751875287538754875587568757875887598760876187628763876487658766876787688769877087718772877387748775877687778778877987808781878287838784878587868787878887898790879187928793879487958796879787988799880088018802880388048805880688078808880988108811881288138814881588168817881888198820882188228823882488258826882788288829883088318832883388348835883688378838883988408841884288438844884588468847884888498850885188528853885488558856885788588859886088618862886388648865886688678868886988708871887288738874887588768877887888798880888188828883888488858886888788888889889088918892889388948895889688978898889989008901890289038904890589068907890889098910891189128913891489158916891789188919892089218922892389248925892689278928892989308931893289338934893589368937893889398940894189428943894489458946894789488949895089518952895389548955895689578958895989608961896289638964896589668967896889698970897189728973897489758976897789788979898089818982898389848985898689878988898989908991899289938994899589968997899889999000900190029003900490059006900790089009901090119012901390149015901690179018901990209021902290239024902590269027902890299030903190329033903490359036903790389039904090419042904390449045904690479048904990509051905290539054905590569057905890599060906190629063906490659066906790689069907090719072907390749075907690779078907990809081908290839084908590869087908890899090909190929093909490959096909790989099910091019102910391049105910691079108910991109111911291139114911591169117911891199120912191229123912491259126912791289129913091319132913391349135913691379138913991409141914291439144914591469147914891499150915191529153915491559156915791589159916091619162916391649165916691679168916991709171917291739174917591769177917891799180918191829183918491859186918791889189919091919192919391949195919691979198919992009201920292039204920592069207920892099210921192129213921492159216921792189219922092219222922392249225922692279228922992309231923292339234923592369237923892399240924192429243924492459246924792489249925092519252925392549255925692579258925992609261926292639264926592669267926892699270927192729273927492759276927792789279928092819282928392849285928692879288928992909291929292939294929592969297929892999300930193029303930493059306930793089309931093119312931393149315931693179318931993209321932293239324932593269327932893299330933193329333933493359336933793389339934093419342934393449345934693479348934993509351935293539354935593569357935893599360936193629363936493659366936793689369937093719372937393749375937693779378937993809381938293839384938593869387938893899390939193929393939493959396939793989399940094019402940394049405940694079408940994109411941294139414941594169417941894199420942194229423942494259426942794289429943094319432943394349435943694379438943994409441944294439444944594469447944894499450945194529453945494559456945794589459946094619462946394649465946694679468946994709471947294739474947594769477947894799480948194829483948494859486948794889489949094919492949394949495949694979498949995009501950295039504950595069507950895099510951195129513951495159516951795189519952095219522952395249525952695279528952995309531953295339534953595369537953895399540954195429543954495459546954795489549955095519552955395549555955695579558955995609561956295639564956595669567956895699570957195729573957495759576957795789579958095819582958395849585958695879588958995909591959295939594959595969597959895999600960196029603960496059606960796089609961096119612961396149615961696179618961996209621962296239624962596269627962896299630963196329633963496359636963796389639964096419642964396449645964696479648964996509651965296539654965596569657965896599660966196629663966496659666966796689669967096719672967396749675967696779678967996809681968296839684968596869687968896899690969196929693969496959696969796989699970097019702970397049705970697079708970997109711971297139714971597169717971897199720972197229723972497259726972797289729973097319732973397349735973697379738973997409741974297439744974597469747974897499750975197529753975497559756975797589759976097619762976397649765976697679768976997709771977297739774977597769777977897799780978197829783978497859786978797889789979097919792979397949795979697979798979998009801980298039804980598069807980898099810981198129813981498159816981798189819982098219822982398249825982698279828982998309831983298339834983598369837983898399840984198429843984498459846984798489849985098519852985398549855985698579858985998609861986298639864986598669867986898699870987198729873987498759876987798789879988098819882988398849885988698879888988998909891989298939894989598969897989898999900990199029903990499059906990799089909991099119912991399149915991699179918991999209921992299239924992599269927992899299930993199329933993499359936993799389939994099419942994399449945994699479948994999509951995299539954995599569957995899599960996199629963996499659966996799689969997099719972997399749975997699779978997999809981998299839984998599869987998899899990999199929993999499959996999799989999100001000110002100031000410005100061000710008100091001010011100121001310014100151001610017100181001910020100211002210023100241002510026100271002810029100301003110032100331003410035100361003710038100391004010041100421004310044100451004610047100481004910050100511005210053100541005510056100571005810059100601006110062100631006410065100661006710068100691007010071100721007310074100751007610077100781007910080100811008210083100841008510086100871008810089100901009110092100931009410095100961009710098100991010010101101021010310104101051010610107101081010910110101111011210113101141011510116101171011810119101201012110122101231012410125101261012710128101291013010131101321013310134101351013610137101381013910140101411014210143101441014510146101471014810149101501015110152101531015410155101561015710158101591016010161101621016310164101651016610167101681016910170101711017210173101741017510176101771017810179101801018110182101831018410185101861018710188101891019010191101921019310194101951019610197101981019910200102011020210203102041020510206102071020810209102101021110212102131021410215102161021710218102191022010221102221022310224102251022610227102281022910230102311023210233102341023510236102371023810239102401024110242102431024410245102461024710248102491025010251102521025310254102551025610257102581025910260102611026210263102641026510266102671026810269102701027110272102731027410275102761027710278102791028010281102821028310284102851028610287102881028910290102911029210293102941029510296102971029810299103001030110302103031030410305103061030710308103091031010311103121031310314103151031610317103181031910320103211032210323103241032510326103271032810329103301033110332103331033410335103361033710338103391034010341103421034310344103451034610347103481034910350103511035210353103541035510356103571035810359103601036110362103631036410365103661036710368103691037010371103721037310374103751037610377103781037910380103811038210383103841038510386103871038810389103901039110392103931039410395103961039710398103991040010401104021040310404104051040610407104081040910410104111041210413104141041510416104171041810419104201042110422104231042410425104261042710428104291043010431104321043310434104351043610437104381043910440104411044210443104441044510446104471044810449104501045110452104531045410455104561045710458104591046010461104621046310464104651046610467104681046910470104711047210473104741047510476104771047810479104801048110482104831048410485104861048710488104891049010491104921049310494104951049610497104981049910500105011050210503105041050510506105071050810509105101051110512105131051410515105161051710518105191052010521105221052310524105251052610527105281052910530105311053210533105341053510536105371053810539105401054110542105431054410545105461054710548105491055010551105521055310554105551055610557105581055910560105611056210563105641056510566105671056810569105701057110572105731057410575105761057710578105791058010581105821058310584105851058610587105881058910590105911059210593105941059510596105971059810599106001060110602106031060410605106061060710608106091061010611106121061310614106151061610617106181061910620106211062210623106241062510626106271062810629106301063110632106331063410635106361063710638106391064010641106421064310644106451064610647106481064910650106511065210653106541065510656106571065810659106601066110662106631066410665106661066710668106691067010671106721067310674106751067610677106781067910680106811068210683106841068510686106871068810689106901069110692106931069410695106961069710698106991070010701107021070310704107051070610707107081070910710107111071210713107141071510716107171071810719107201072110722107231072410725107261072710728107291073010731107321073310734107351073610737107381073910740107411074210743107441074510746107471074810749107501075110752107531075410755107561075710758107591076010761107621076310764107651076610767107681076910770107711077210773107741077510776107771077810779107801078110782107831078410785107861078710788107891079010791107921079310794107951079610797107981079910800108011080210803108041080510806108071080810809108101081110812108131081410815108161081710818108191082010821108221082310824108251082610827108281082910830108311083210833108341083510836108371083810839108401084110842108431084410845108461084710848108491085010851108521085310854108551085610857108581085910860108611086210863108641086510866108671086810869108701087110872108731087410875108761087710878108791088010881108821088310884108851088610887108881088910890108911089210893108941089510896108971089810899109001090110902109031090410905109061090710908109091091010911109121091310914109151091610917109181091910920109211092210923109241092510926109271092810929109301093110932109331093410935109361093710938109391094010941109421094310944109451094610947109481094910950109511095210953109541095510956109571095810959109601096110962109631096410965109661096710968109691097010971109721097310974109751097610977109781097910980109811098210983109841098510986109871098810989109901099110992109931099410995109961099710998109991100011001110021100311004110051100611007110081100911010110111101211013110141101511016110171101811019110201102111022110231102411025110261102711028110291103011031110321103311034110351103611037110381103911040110411104211043110441104511046110471104811049110501105111052110531105411055110561105711058110591106011061110621106311064110651106611067110681106911070110711107211073110741107511076110771107811079110801108111082110831108411085110861108711088110891109011091110921109311094110951109611097110981109911100111011110211103111041110511106111071110811109111101111111112111131111411115111161111711118111191112011121111221112311124111251112611127111281112911130111311113211133111341113511136111371113811139111401114111142111431114411145111461114711148111491115011151111521115311154111551115611157111581115911160111611116211163111641116511166111671116811169111701117111172111731117411175111761117711178111791118011181111821118311184111851118611187111881118911190111911119211193111941119511196111971119811199112001120111202112031120411205112061120711208112091121011211112121121311214112151121611217112181121911220112211122211223112241122511226112271122811229112301123111232112331123411235112361123711238112391124011241112421124311244112451124611247112481124911250112511125211253112541125511256112571125811259112601126111262112631126411265112661126711268112691127011271112721127311274112751127611277112781127911280112811128211283112841128511286112871128811289112901129111292112931129411295112961129711298112991130011301113021130311304113051130611307113081130911310113111131211313113141131511316113171131811319113201132111322113231132411325113261132711328113291133011331113321133311334113351133611337113381133911340113411134211343113441134511346113471134811349113501135111352113531135411355113561135711358113591136011361113621136311364113651136611367113681136911370113711137211373113741137511376113771137811379113801138111382113831138411385113861138711388113891139011391113921139311394113951139611397113981139911400114011140211403114041140511406114071140811409114101141111412114131141411415114161141711418114191142011421114221142311424114251142611427114281142911430114311143211433114341143511436114371143811439114401144111442114431144411445114461144711448114491145011451114521145311454114551145611457114581145911460114611146211463114641146511466114671146811469114701147111472114731147411475114761147711478114791148011481114821148311484114851148611487114881148911490114911149211493114941149511496114971149811499115001150111502115031150411505115061150711508115091151011511115121151311514115151151611517115181151911520115211152211523115241152511526115271152811529115301153111532115331153411535115361153711538115391154011541115421154311544115451154611547115481154911550115511155211553115541155511556115571155811559115601156111562115631156411565115661156711568115691157011571115721157311574115751157611577115781157911580115811158211583115841158511586115871158811589115901159111592115931159411595115961159711598115991160011601116021160311604116051160611607116081160911610116111161211613116141161511616116171161811619116201162111622116231162411625116261162711628116291163011631116321163311634116351163611637116381163911640116411164211643116441164511646116471164811649116501165111652116531165411655116561165711658116591166011661116621166311664116651166611667116681166911670116711167211673116741167511676116771167811679116801168111682116831168411685116861168711688116891169011691116921169311694116951169611697116981169911700117011170211703117041170511706117071170811709117101171111712117131171411715117161171711718117191172011721117221172311724117251172611727117281172911730117311173211733117341173511736117371173811739117401174111742117431174411745117461174711748117491175011751117521175311754117551175611757117581175911760117611176211763117641176511766117671176811769117701177111772117731177411775117761177711778117791178011781117821178311784117851178611787117881178911790117911179211793117941179511796117971179811799118001180111802118031180411805118061180711808118091181011811118121181311814118151181611817118181181911820118211182211823118241182511826118271182811829118301183111832118331183411835118361183711838118391184011841118421184311844118451184611847118481184911850118511185211853118541185511856118571185811859118601186111862118631186411865118661186711868118691187011871118721187311874118751187611877118781187911880118811188211883118841188511886118871188811889118901189111892118931189411895118961189711898118991190011901119021190311904119051190611907119081190911910119111191211913119141191511916119171191811919119201192111922119231192411925119261192711928119291193011931119321193311934119351193611937119381193911940119411194211943119441194511946119471194811949119501195111952119531195411955119561195711958119591196011961119621196311964119651196611967119681196911970119711197211973119741197511976119771197811979119801198111982119831198411985119861198711988119891199011991119921199311994119951199611997119981199912000120011200212003120041200512006120071200812009120101201112012120131201412015120161201712018120191202012021120221202312024120251202612027120281202912030120311203212033120341203512036120371203812039120401204112042120431204412045120461204712048120491205012051120521205312054120551205612057120581205912060120611206212063120641206512066120671206812069120701207112072120731207412075120761207712078120791208012081120821208312084120851208612087120881208912090120911209212093120941209512096120971209812099121001210112102121031210412105121061210712108121091211012111121121211312114121151211612117121181211912120121211212212123121241212512126121271212812129121301213112132121331213412135121361213712138121391214012141121421214312144121451214612147121481214912150121511215212153121541215512156121571215812159121601216112162121631216412165121661216712168121691217012171121721217312174121751217612177121781217912180121811218212183121841218512186121871218812189121901219112192121931219412195121961219712198121991220012201122021220312204122051220612207122081220912210122111221212213122141221512216122171221812219122201222112222122231222412225122261222712228122291223012231122321223312234122351223612237122381223912240122411224212243122441224512246122471224812249122501225112252122531225412255122561225712258122591226012261122621226312264122651226612267122681226912270122711227212273122741227512276122771227812279122801228112282122831228412285122861228712288122891229012291122921229312294122951229612297122981229912300123011230212303123041230512306123071230812309123101231112312123131231412315123161231712318123191232012321123221232312324123251232612327123281232912330123311233212333123341233512336123371233812339123401234112342123431234412345123461234712348123491235012351123521235312354123551235612357123581235912360123611236212363123641236512366123671236812369123701237112372123731237412375123761237712378123791238012381123821238312384123851238612387123881238912390123911239212393123941239512396123971239812399124001240112402124031240412405124061240712408124091241012411124121241312414124151241612417124181241912420124211242212423124241242512426124271242812429124301243112432124331243412435124361243712438124391244012441124421244312444124451244612447124481244912450124511245212453124541245512456124571245812459124601246112462124631246412465124661246712468124691247012471124721247312474124751247612477124781247912480124811248212483124841248512486124871248812489124901249112492124931249412495124961249712498124991250012501125021250312504125051250612507125081250912510125111251212513125141251512516125171251812519125201252112522125231252412525125261252712528125291253012531125321253312534125351253612537125381253912540125411254212543125441254512546125471254812549125501255112552125531255412555125561255712558125591256012561125621256312564125651256612567125681256912570125711257212573125741257512576125771257812579125801258112582125831258412585125861258712588125891259012591125921259312594125951259612597125981259912600126011260212603126041260512606126071260812609126101261112612126131261412615126161261712618126191262012621126221262312624126251262612627126281262912630126311263212633126341263512636126371263812639126401264112642126431264412645126461264712648126491265012651126521265312654126551265612657126581265912660126611266212663126641266512666126671266812669126701267112672126731267412675126761267712678126791268012681126821268312684126851268612687126881268912690126911269212693126941269512696126971269812699127001270112702127031270412705127061270712708127091271012711127121271312714127151271612717127181271912720127211272212723127241272512726127271272812729127301273112732127331273412735127361273712738127391274012741127421274312744127451274612747127481274912750127511275212753127541275512756127571275812759127601276112762127631276412765127661276712768127691277012771127721277312774127751277612777127781277912780127811278212783127841278512786127871278812789127901279112792127931279412795127961279712798127991280012801128021280312804128051280612807128081280912810128111281212813128141281512816128171281812819128201282112822128231282412825128261282712828128291283012831128321283312834128351283612837128381283912840128411284212843128441284512846128471284812849128501285112852128531285412855128561285712858128591286012861128621286312864128651286612867128681286912870128711287212873128741287512876128771287812879128801288112882128831288412885128861288712888128891289012891128921289312894128951289612897128981289912900129011290212903129041290512906129071290812909129101291112912129131291412915129161291712918129191292012921129221292312924129251292612927129281292912930129311293212933129341293512936129371293812939129401294112942129431294412945129461294712948129491295012951129521295312954129551295612957129581295912960129611296212963129641296512966129671296812969129701297112972129731297412975129761297712978129791298012981129821298312984129851298612987129881298912990129911299212993129941299512996129971299812999130001300113002130031300413005130061300713008130091301013011130121301313014130151301613017130181301913020130211302213023130241302513026130271302813029130301303113032130331303413035130361303713038130391304013041130421304313044130451304613047130481304913050130511305213053130541305513056130571305813059130601306113062130631306413065130661306713068130691307013071130721307313074130751307613077130781307913080130811308213083130841308513086130871308813089130901309113092130931309413095130961309713098130991310013101131021310313104131051310613107131081310913110131111311213113131141311513116131171311813119131201312113122131231312413125131261312713128131291313013131131321313313134131351313613137131381313913140131411314213143131441314513146131471314813149131501315113152131531315413155131561315713158131591316013161131621316313164131651316613167131681316913170131711317213173131741317513176131771317813179131801318113182131831318413185131861318713188131891319013191131921319313194131951319613197131981319913200132011320213203132041320513206132071320813209132101321113212132131321413215132161321713218132191322013221132221322313224132251322613227132281322913230132311323213233132341323513236132371323813239132401324113242132431324413245132461324713248132491325013251132521325313254132551325613257132581325913260132611326213263132641326513266132671326813269132701327113272132731327413275132761327713278132791328013281132821328313284132851328613287132881328913290132911329213293132941329513296132971329813299133001330113302133031330413305133061330713308133091331013311133121331313314133151331613317133181331913320133211332213323133241332513326133271332813329133301333113332133331333413335133361333713338133391334013341133421334313344133451334613347133481334913350133511335213353133541335513356133571335813359133601336113362133631336413365133661336713368133691337013371133721337313374133751337613377133781337913380133811338213383133841338513386133871338813389133901339113392133931339413395133961339713398133991340013401134021340313404134051340613407134081340913410134111341213413134141341513416134171341813419134201342113422134231342413425134261342713428134291343013431134321343313434134351343613437134381343913440134411344213443134441344513446134471344813449134501345113452134531345413455134561345713458134591346013461134621346313464134651346613467134681346913470134711347213473134741347513476134771347813479134801348113482134831348413485134861348713488134891349013491134921349313494134951349613497134981349913500135011350213503135041350513506135071350813509135101351113512135131351413515135161351713518135191352013521135221352313524135251352613527135281352913530135311353213533135341353513536135371353813539135401354113542135431354413545135461354713548135491355013551135521355313554135551355613557135581355913560135611356213563135641356513566135671356813569135701357113572135731357413575135761357713578135791358013581135821358313584135851358613587135881358913590135911359213593135941359513596135971359813599136001360113602136031360413605136061360713608136091361013611136121361313614136151361613617136181361913620136211362213623136241362513626136271362813629136301363113632136331363413635136361363713638136391364013641136421364313644136451364613647136481364913650136511365213653136541365513656136571365813659136601366113662136631366413665136661366713668136691367013671136721367313674136751367613677136781367913680136811368213683136841368513686136871368813689136901369113692136931369413695136961369713698136991370013701137021370313704137051370613707137081370913710137111371213713137141371513716137171371813719137201372113722137231372413725137261372713728137291373013731137321373313734137351373613737137381373913740137411374213743137441374513746137471374813749137501375113752137531375413755137561375713758137591376013761137621376313764137651376613767137681376913770137711377213773137741377513776137771377813779137801378113782137831378413785137861378713788137891379013791137921379313794137951379613797137981379913800138011380213803138041380513806138071380813809138101381113812138131381413815138161381713818138191382013821138221382313824138251382613827138281382913830138311383213833138341383513836138371383813839138401384113842138431384413845138461384713848138491385013851138521385313854138551385613857138581385913860138611386213863138641386513866138671386813869138701387113872138731387413875138761387713878138791388013881138821388313884138851388613887138881388913890138911389213893138941389513896138971389813899139001390113902139031390413905139061390713908139091391013911139121391313914139151391613917139181391913920139211392213923139241392513926139271392813929139301393113932139331393413935139361393713938139391394013941139421394313944139451394613947139481394913950139511395213953139541395513956139571395813959139601396113962139631396413965139661396713968139691397013971139721397313974139751397613977139781397913980139811398213983139841398513986139871398813989139901399113992139931399413995139961399713998139991400014001140021400314004140051400614007140081400914010140111401214013140141401514016140171401814019140201402114022140231402414025140261402714028140291403014031140321403314034140351403614037140381403914040140411404214043140441404514046140471404814049140501405114052140531405414055140561405714058140591406014061140621406314064140651406614067140681406914070140711407214073140741407514076140771407814079140801408114082140831408414085140861408714088140891409014091140921409314094140951409614097140981409914100141011410214103141041410514106141071410814109141101411114112141131411414115141161411714118141191412014121141221412314124141251412614127141281412914130141311413214133141341413514136141371413814139141401414114142141431414414145141461414714148141491415014151141521415314154141551415614157141581415914160141611416214163141641416514166141671416814169141701417114172141731417414175141761417714178141791418014181141821418314184141851418614187141881418914190141911419214193141941419514196141971419814199142001420114202142031420414205142061420714208142091421014211142121421314214142151421614217142181421914220142211422214223142241422514226142271422814229142301423114232142331423414235142361423714238142391424014241142421424314244142451424614247142481424914250142511425214253142541425514256142571425814259142601426114262142631426414265142661426714268142691427014271142721427314274142751427614277142781427914280142811428214283142841428514286142871428814289142901429114292142931429414295142961429714298142991430014301143021430314304143051430614307143081430914310143111431214313143141431514316143171431814319143201432114322143231432414325143261432714328143291433014331143321433314334143351433614337143381433914340143411434214343143441434514346143471434814349143501435114352143531435414355143561435714358143591436014361143621436314364143651436614367143681436914370143711437214373143741437514376143771437814379143801438114382143831438414385143861438714388143891439014391143921439314394143951439614397143981439914400144011440214403144041440514406144071440814409144101441114412144131441414415144161441714418144191442014421144221442314424144251442614427144281442914430144311443214433144341443514436144371443814439144401444114442144431444414445144461444714448144491445014451144521445314454144551445614457144581445914460144611446214463144641446514466144671446814469144701447114472144731447414475144761447714478144791448014481144821448314484144851448614487144881448914490144911449214493144941449514496144971449814499145001450114502145031450414505145061450714508145091451014511145121451314514145151451614517145181451914520145211452214523145241452514526145271452814529145301453114532145331453414535145361453714538145391454014541145421454314544145451454614547145481454914550145511455214553145541455514556145571455814559145601456114562145631456414565145661456714568145691457014571145721457314574145751457614577145781457914580145811458214583145841458514586145871458814589145901459114592145931459414595145961459714598145991460014601146021460314604146051460614607146081460914610146111461214613146141461514616146171461814619146201462114622146231462414625146261462714628146291463014631146321463314634146351463614637146381463914640146411464214643146441464514646146471464814649146501465114652146531465414655146561465714658146591466014661146621466314664146651466614667146681466914670146711467214673146741467514676146771467814679146801468114682146831468414685146861468714688146891469014691146921469314694146951469614697146981469914700147011470214703147041470514706147071470814709147101471114712147131471414715147161471714718147191472014721147221472314724147251472614727147281472914730147311473214733147341473514736147371473814739147401474114742147431474414745147461474714748147491475014751147521475314754147551475614757147581475914760147611476214763147641476514766147671476814769147701477114772147731477414775147761477714778147791478014781147821478314784147851478614787147881478914790147911479214793147941479514796147971479814799148001480114802148031480414805148061480714808148091481014811148121481314814148151481614817148181481914820148211482214823148241482514826148271482814829148301483114832148331483414835148361483714838148391484014841148421484314844148451484614847148481484914850148511485214853148541485514856148571485814859148601486114862148631486414865148661486714868148691487014871148721487314874148751487614877148781487914880148811488214883148841488514886148871488814889148901489114892148931489414895148961489714898148991490014901149021490314904149051490614907149081490914910149111491214913149141491514916149171491814919149201492114922149231492414925149261492714928149291493014931149321493314934149351493614937149381493914940149411494214943149441494514946149471494814949149501495114952149531495414955149561495714958149591496014961149621496314964149651496614967149681496914970149711497214973149741497514976149771497814979149801498114982149831498414985149861498714988149891499014991149921499314994149951499614997149981499915000150011500215003150041500515006150071500815009150101501115012150131501415015150161501715018150191502015021150221502315024150251502615027150281502915030150311503215033150341503515036150371503815039150401504115042150431504415045150461504715048150491505015051150521505315054150551505615057150581505915060150611506215063150641506515066150671506815069150701507115072150731507415075150761507715078150791508015081150821508315084150851508615087150881508915090150911509215093150941509515096150971509815099151001510115102151031510415105151061510715108151091511015111151121511315114151151511615117151181511915120151211512215123151241512515126151271512815129151301513115132151331513415135151361513715138151391514015141151421514315144151451514615147151481514915150151511515215153151541515515156151571515815159151601516115162151631516415165151661516715168151691517015171151721517315174151751517615177151781517915180151811518215183151841518515186151871518815189151901519115192151931519415195151961519715198151991520015201152021520315204152051520615207152081520915210152111521215213152141521515216152171521815219152201522115222152231522415225152261522715228152291523015231152321523315234152351523615237152381523915240152411524215243152441524515246152471524815249152501525115252152531525415255152561525715258152591526015261152621526315264152651526615267152681526915270152711527215273152741527515276152771527815279152801528115282152831528415285152861528715288152891529015291152921529315294152951529615297152981529915300153011530215303153041530515306153071530815309153101531115312153131531415315153161531715318153191532015321153221532315324153251532615327153281532915330153311533215333153341533515336153371533815339153401534115342153431534415345153461534715348153491535015351153521535315354153551535615357153581535915360153611536215363153641536515366153671536815369153701537115372153731537415375153761537715378153791538015381153821538315384153851538615387153881538915390153911539215393153941539515396153971539815399154001540115402154031540415405154061540715408154091541015411154121541315414154151541615417154181541915420154211542215423154241542515426154271542815429154301543115432154331543415435154361543715438154391544015441154421544315444154451544615447154481544915450154511545215453154541545515456154571545815459154601546115462154631546415465154661546715468154691547015471154721547315474154751547615477154781547915480154811548215483154841548515486154871548815489154901549115492154931549415495154961549715498154991550015501155021550315504155051550615507155081550915510155111551215513155141551515516155171551815519155201552115522155231552415525155261552715528155291553015531155321553315534155351553615537155381553915540155411554215543155441554515546155471554815549155501555115552155531555415555155561555715558155591556015561155621556315564155651556615567155681556915570155711557215573155741557515576155771557815579155801558115582155831558415585155861558715588155891559015591155921559315594155951559615597155981559915600156011560215603156041560515606156071560815609156101561115612156131561415615156161561715618156191562015621156221562315624156251562615627156281562915630156311563215633156341563515636156371563815639156401564115642156431564415645156461564715648156491565015651156521565315654156551565615657156581565915660156611566215663156641566515666156671566815669156701567115672156731567415675156761567715678156791568015681156821568315684156851568615687156881568915690156911569215693156941569515696156971569815699157001570115702157031570415705157061570715708157091571015711157121571315714157151571615717157181571915720157211572215723157241572515726157271572815729157301573115732157331573415735157361573715738157391574015741157421574315744157451574615747157481574915750157511575215753157541575515756157571575815759157601576115762157631576415765157661576715768157691577015771157721577315774157751577615777157781577915780157811578215783157841578515786157871578815789157901579115792157931579415795157961579715798157991580015801158021580315804158051580615807158081580915810158111581215813158141581515816158171581815819158201582115822158231582415825158261582715828158291583015831158321583315834158351583615837158381583915840158411584215843158441584515846158471584815849158501585115852158531585415855158561585715858158591586015861158621586315864158651586615867158681586915870158711587215873158741587515876158771587815879158801588115882158831588415885158861588715888158891589015891158921589315894158951589615897158981589915900159011590215903159041590515906159071590815909159101591115912159131591415915159161591715918159191592015921159221592315924159251592615927159281592915930159311593215933159341593515936159371593815939159401594115942159431594415945159461594715948159491595015951159521595315954159551595615957159581595915960159611596215963159641596515966159671596815969159701597115972159731597415975159761597715978159791598015981159821598315984159851598615987159881598915990159911599215993159941599515996159971599815999160001600116002160031600416005160061600716008160091601016011160121601316014160151601616017160181601916020160211602216023160241602516026160271602816029160301603116032160331603416035160361603716038160391604016041160421604316044160451604616047160481604916050160511605216053160541605516056160571605816059160601606116062160631606416065160661606716068160691607016071160721607316074160751607616077160781607916080160811608216083160841608516086160871608816089160901609116092160931609416095160961609716098160991610016101161021610316104161051610616107161081610916110161111611216113161141611516116161171611816119161201612116122161231612416125161261612716128161291613016131161321613316134161351613616137161381613916140161411614216143161441614516146161471614816149161501615116152161531615416155161561615716158161591616016161161621616316164161651616616167161681616916170161711617216173161741617516176161771617816179161801618116182161831618416185161861618716188161891619016191161921619316194161951619616197161981619916200162011620216203162041620516206162071620816209162101621116212162131621416215162161621716218162191622016221162221622316224162251622616227162281622916230162311623216233162341623516236162371623816239162401624116242162431624416245162461624716248162491625016251162521625316254162551625616257162581625916260162611626216263162641626516266162671626816269162701627116272162731627416275162761627716278162791628016281162821628316284162851628616287162881628916290162911629216293162941629516296162971629816299163001630116302163031630416305163061630716308163091631016311163121631316314163151631616317163181631916320163211632216323163241632516326163271632816329163301633116332163331633416335163361633716338163391634016341163421634316344163451634616347163481634916350163511635216353163541635516356163571635816359163601636116362163631636416365163661636716368163691637016371163721637316374163751637616377163781637916380163811638216383163841638516386163871638816389163901639116392163931639416395163961639716398163991640016401164021640316404164051640616407164081640916410164111641216413164141641516416164171641816419164201642116422164231642416425164261642716428164291643016431164321643316434164351643616437164381643916440164411644216443164441644516446164471644816449164501645116452164531645416455164561645716458164591646016461164621646316464164651646616467164681646916470164711647216473164741647516476164771647816479164801648116482164831648416485164861648716488164891649016491164921649316494 |
- /*!
- * Paper.js v0.11.5 - The Swiss Army Knife of Vector Graphics Scripting.
- * http://paperjs.org/
- *
- * Copyright (c) 2011 - 2016, Juerg Lehni & Jonathan Puckey
- * http://scratchdisk.com/ & http://jonathanpuckey.com/
- *
- * Distributed under the MIT license. See LICENSE file for details.
- *
- * All rights reserved.
- *
- * Date: Thu Oct 5 16:16:29 2017 +0200
- *
- ***
- *
- * Straps.js - Class inheritance library with support for bean-style accessors
- *
- * Copyright (c) 2006 - 2016 Juerg Lehni
- * http://scratchdisk.com/
- *
- * Distributed under the MIT license.
- *
- ***
- *
- * Acorn.js
- * http://marijnhaverbeke.nl/acorn/
- *
- * Acorn is a tiny, fast JavaScript parser written in JavaScript,
- * created by Marijn Haverbeke and released under an MIT license.
- *
- */
- var paper = function(self, undefined) {
- self = self || require('./node/self.js');
- var window = self.window,
- document = self.document;
- var Base = new function() {
- var hidden = /^(statics|enumerable|beans|preserve)$/,
- array = [],
- slice = array.slice,
- create = Object.create,
- describe = Object.getOwnPropertyDescriptor,
- define = Object.defineProperty,
- forEach = array.forEach || function(iter, bind) {
- for (var i = 0, l = this.length; i < l; i++) {
- iter.call(bind, this[i], i, this);
- }
- },
- forIn = function(iter, bind) {
- for (var i in this) {
- if (this.hasOwnProperty(i))
- iter.call(bind, this[i], i, this);
- }
- },
- set = Object.assign || function(dst) {
- for (var i = 1, l = arguments.length; i < l; i++) {
- var src = arguments[i];
- for (var key in src) {
- if (src.hasOwnProperty(key))
- dst[key] = src[key];
- }
- }
- return dst;
- },
- each = function(obj, iter, bind) {
- if (obj) {
- var desc = describe(obj, 'length');
- (desc && typeof desc.value === 'number' ? forEach : forIn)
- .call(obj, iter, bind = bind || obj);
- }
- return bind;
- };
- function inject(dest, src, enumerable, beans, preserve) {
- var beansNames = {};
- function field(name, val) {
- val = val || (val = describe(src, name))
- && (val.get ? val : val.value);
- if (typeof val === 'string' && val[0] === '#')
- val = dest[val.substring(1)] || val;
- var isFunc = typeof val === 'function',
- res = val,
- prev = preserve || isFunc && !val.base
- ? (val && val.get ? name in dest : dest[name])
- : null,
- bean;
- if (!preserve || !prev) {
- if (isFunc && prev)
- val.base = prev;
- if (isFunc && beans !== false
- && (bean = name.match(/^([gs]et|is)(([A-Z])(.*))$/)))
- beansNames[bean[3].toLowerCase() + bean[4]] = bean[2];
- if (!res || isFunc || !res.get || typeof res.get !== 'function'
- || !Base.isPlainObject(res)) {
- res = { value: res, writable: true };
- }
- if ((describe(dest, name)
- || { configurable: true }).configurable) {
- res.configurable = true;
- res.enumerable = enumerable != null ? enumerable : !bean;
- }
- define(dest, name, res);
- }
- }
- if (src) {
- for (var name in src) {
- if (src.hasOwnProperty(name) && !hidden.test(name))
- field(name);
- }
- for (var name in beansNames) {
- var part = beansNames[name],
- set = dest['set' + part],
- get = dest['get' + part] || set && dest['is' + part];
- if (get && (beans === true || get.length === 0))
- field(name, { get: get, set: set });
- }
- }
- return dest;
- }
- function Base() {
- for (var i = 0, l = arguments.length; i < l; i++) {
- var src = arguments[i];
- if (src)
- set(this, src);
- }
- return this;
- }
- return inject(Base, {
- inject: function(src) {
- if (src) {
- var statics = src.statics === true ? src : src.statics,
- beans = src.beans,
- preserve = src.preserve;
- if (statics !== src)
- inject(this.prototype, src, src.enumerable, beans, preserve);
- inject(this, statics, null, beans, preserve);
- }
- for (var i = 1, l = arguments.length; i < l; i++)
- this.inject(arguments[i]);
- return this;
- },
- extend: function() {
- var base = this,
- ctor,
- proto;
- for (var i = 0, obj, l = arguments.length;
- i < l && !(ctor && proto); i++) {
- obj = arguments[i];
- ctor = ctor || obj.initialize;
- proto = proto || obj.prototype;
- }
- ctor = ctor || function() {
- base.apply(this, arguments);
- };
- proto = ctor.prototype = proto || create(this.prototype);
- define(proto, 'constructor',
- { value: ctor, writable: true, configurable: true });
- inject(ctor, this);
- if (arguments.length)
- this.inject.apply(ctor, arguments);
- ctor.base = base;
- return ctor;
- }
- }).inject({
- enumerable: false,
- initialize: Base,
- set: Base,
- inject: function() {
- for (var i = 0, l = arguments.length; i < l; i++) {
- var src = arguments[i];
- if (src) {
- inject(this, src, src.enumerable, src.beans, src.preserve);
- }
- }
- return this;
- },
- extend: function() {
- var res = create(this);
- return res.inject.apply(res, arguments);
- },
- each: function(iter, bind) {
- return each(this, iter, bind);
- },
- clone: function() {
- return new this.constructor(this);
- },
- statics: {
- set: set,
- each: each,
- create: create,
- define: define,
- describe: describe,
- clone: function(obj) {
- return set(new obj.constructor(), obj);
- },
- isPlainObject: function(obj) {
- var ctor = obj != null && obj.constructor;
- return ctor && (ctor === Object || ctor === Base
- || ctor.name === 'Object');
- },
- pick: function(a, b) {
- return a !== undefined ? a : b;
- },
- slice: function(list, begin, end) {
- return slice.call(list, begin, end);
- }
- }
- });
- };
- if (typeof module !== 'undefined')
- module.exports = Base;
- Base.inject({
- enumerable: false,
- toString: function() {
- return this._id != null
- ? (this._class || 'Object') + (this._name
- ? " '" + this._name + "'"
- : ' @' + this._id)
- : '{ ' + Base.each(this, function(value, key) {
- if (!/^_/.test(key)) {
- var type = typeof value;
- this.push(key + ': ' + (type === 'number'
- ? Formatter.instance.number(value)
- : type === 'string' ? "'" + value + "'" : value));
- }
- }, []).join(', ') + ' }';
- },
- getClassName: function() {
- return this._class || '';
- },
- importJSON: function(json) {
- return Base.importJSON(json, this);
- },
- exportJSON: function(options) {
- return Base.exportJSON(this, options);
- },
- toJSON: function() {
- return Base.serialize(this);
- },
- set: function(props, exclude) {
- if (props)
- Base.filter(this, props, exclude, this._prioritize);
- return this;
- }
- }, {
- beans: false,
- statics: {
- exports: {},
- extend: function extend() {
- var res = extend.base.apply(this, arguments),
- name = res.prototype._class;
- if (name && !Base.exports[name])
- Base.exports[name] = res;
- return res;
- },
- equals: function(obj1, obj2) {
- if (obj1 === obj2)
- return true;
- if (obj1 && obj1.equals)
- return obj1.equals(obj2);
- if (obj2 && obj2.equals)
- return obj2.equals(obj1);
- if (obj1 && obj2
- && typeof obj1 === 'object' && typeof obj2 === 'object') {
- if (Array.isArray(obj1) && Array.isArray(obj2)) {
- var length = obj1.length;
- if (length !== obj2.length)
- return false;
- while (length--) {
- if (!Base.equals(obj1[length], obj2[length]))
- return false;
- }
- } else {
- var keys = Object.keys(obj1),
- length = keys.length;
- if (length !== Object.keys(obj2).length)
- return false;
- while (length--) {
- var key = keys[length];
- if (!(obj2.hasOwnProperty(key)
- && Base.equals(obj1[key], obj2[key])))
- return false;
- }
- }
- return true;
- }
- return false;
- },
- read: function(list, start, options, amount) {
- if (this === Base) {
- var value = this.peek(list, start);
- list.__index++;
- return value;
- }
- var proto = this.prototype,
- readIndex = proto._readIndex,
- begin = start || readIndex && list.__index || 0,
- length = list.length,
- obj = list[begin];
- amount = amount || length - begin;
- if (obj instanceof this
- || options && options.readNull && obj == null && amount <= 1) {
- if (readIndex)
- list.__index = begin + 1;
- return obj && options && options.clone ? obj.clone() : obj;
- }
- obj = Base.create(proto);
- if (readIndex)
- obj.__read = true;
- obj = obj.initialize.apply(obj, begin > 0 || begin + amount < length
- ? Base.slice(list, begin, begin + amount)
- : list) || obj;
- if (readIndex) {
- list.__index = begin + obj.__read;
- var filtered = obj.__filtered;
- if (filtered) {
- list.__filtered = filtered;
- obj.__filtered = undefined;
- }
- obj.__read = undefined;
- }
- return obj;
- },
- peek: function(list, start) {
- return list[list.__index = start || list.__index || 0];
- },
- remain: function(list) {
- return list.length - (list.__index || 0);
- },
- readList: function(list, start, options, amount) {
- var res = [],
- entry,
- begin = start || 0,
- end = amount ? begin + amount : list.length;
- for (var i = begin; i < end; i++) {
- res.push(Array.isArray(entry = list[i])
- ? this.read(entry, 0, options)
- : this.read(list, i, options, 1));
- }
- return res;
- },
- readNamed: function(list, name, start, options, amount) {
- var value = this.getNamed(list, name),
- hasObject = value !== undefined;
- if (hasObject) {
- var filtered = list.__filtered;
- if (!filtered) {
- filtered = list.__filtered = Base.create(list[0]);
- filtered.__unfiltered = list[0];
- }
- filtered[name] = undefined;
- }
- var l = hasObject ? [value] : list,
- res = this.read(l, start, options, amount);
- return res;
- },
- getNamed: function(list, name) {
- var arg = list[0];
- if (list._hasObject === undefined)
- list._hasObject = list.length === 1 && Base.isPlainObject(arg);
- if (list._hasObject)
- return name ? arg[name] : list.__filtered || arg;
- },
- hasNamed: function(list, name) {
- return !!this.getNamed(list, name);
- },
- filter: function(dest, source, exclude, prioritize) {
- var processed;
- function handleKey(key) {
- if (!(exclude && key in exclude) &&
- !(processed && key in processed)) {
- var value = source[key];
- if (value !== undefined)
- dest[key] = value;
- }
- }
- if (prioritize) {
- var keys = {};
- for (var i = 0, key, l = prioritize.length; i < l; i++) {
- if ((key = prioritize[i]) in source) {
- handleKey(key);
- keys[key] = true;
- }
- }
- processed = keys;
- }
- Object.keys(source.__unfiltered || source).forEach(handleKey);
- return dest;
- },
- isPlainValue: function(obj, asString) {
- return Base.isPlainObject(obj) || Array.isArray(obj)
- || asString && typeof obj === 'string';
- },
- serialize: function(obj, options, compact, dictionary) {
- options = options || {};
- var isRoot = !dictionary,
- res;
- if (isRoot) {
- options.formatter = new Formatter(options.precision);
- dictionary = {
- length: 0,
- definitions: {},
- references: {},
- add: function(item, create) {
- var id = '#' + item._id,
- ref = this.references[id];
- if (!ref) {
- this.length++;
- var res = create.call(item),
- name = item._class;
- if (name && res[0] !== name)
- res.unshift(name);
- this.definitions[id] = res;
- ref = this.references[id] = [id];
- }
- return ref;
- }
- };
- }
- if (obj && obj._serialize) {
- res = obj._serialize(options, dictionary);
- var name = obj._class;
- if (name && !obj._compactSerialize && (isRoot || !compact)
- && res[0] !== name) {
- res.unshift(name);
- }
- } else if (Array.isArray(obj)) {
- res = [];
- for (var i = 0, l = obj.length; i < l; i++)
- res[i] = Base.serialize(obj[i], options, compact, dictionary);
- } else if (Base.isPlainObject(obj)) {
- res = {};
- var keys = Object.keys(obj);
- for (var i = 0, l = keys.length; i < l; i++) {
- var key = keys[i];
- res[key] = Base.serialize(obj[key], options, compact,
- dictionary);
- }
- } else if (typeof obj === 'number') {
- res = options.formatter.number(obj, options.precision);
- } else {
- res = obj;
- }
- return isRoot && dictionary.length > 0
- ? [['dictionary', dictionary.definitions], res]
- : res;
- },
- deserialize: function(json, create, _data, _setDictionary, _isRoot) {
- var res = json,
- isFirst = !_data,
- hasDictionary = isFirst && json && json.length
- && json[0][0] === 'dictionary';
- _data = _data || {};
- if (Array.isArray(json)) {
- var type = json[0],
- isDictionary = type === 'dictionary';
- if (json.length == 1 && /^#/.test(type)) {
- return _data.dictionary[type];
- }
- type = Base.exports[type];
- res = [];
- for (var i = type ? 1 : 0, l = json.length; i < l; i++) {
- res.push(Base.deserialize(json[i], create, _data,
- isDictionary, hasDictionary));
- }
- if (type) {
- var args = res;
- if (create) {
- res = create(type, args, isFirst || _isRoot);
- } else {
- res = Base.create(type.prototype);
- type.apply(res, args);
- }
- }
- } else if (Base.isPlainObject(json)) {
- res = {};
- if (_setDictionary)
- _data.dictionary = res;
- for (var key in json)
- res[key] = Base.deserialize(json[key], create, _data);
- }
- return hasDictionary ? res[1] : res;
- },
- exportJSON: function(obj, options) {
- var json = Base.serialize(obj, options);
- return options && options.asString == false
- ? json
- : JSON.stringify(json);
- },
- importJSON: function(json, target) {
- return Base.deserialize(
- typeof json === 'string' ? JSON.parse(json) : json,
- function(ctor, args, isRoot) {
- var useTarget = isRoot && target
- && target.constructor === ctor,
- obj = useTarget ? target
- : Base.create(ctor.prototype);
- if (args.length === 1 && obj instanceof Item
- && (useTarget || !(obj instanceof Layer))) {
- var arg = args[0];
- if (Base.isPlainObject(arg))
- arg.insert = false;
- }
- (useTarget ? obj.set : ctor).apply(obj, args);
- if (useTarget)
- target = null;
- return obj;
- });
- },
- splice: function(list, items, index, remove) {
- var amount = items && items.length,
- append = index === undefined;
- index = append ? list.length : index;
- if (index > list.length)
- index = list.length;
- for (var i = 0; i < amount; i++)
- items[i]._index = index + i;
- if (append) {
- list.push.apply(list, items);
- return [];
- } else {
- var args = [index, remove];
- if (items)
- args.push.apply(args, items);
- var removed = list.splice.apply(list, args);
- for (var i = 0, l = removed.length; i < l; i++)
- removed[i]._index = undefined;
- for (var i = index + amount, l = list.length; i < l; i++)
- list[i]._index = i;
- return removed;
- }
- },
- capitalize: function(str) {
- return str.replace(/\b[a-z]/g, function(match) {
- return match.toUpperCase();
- });
- },
- camelize: function(str) {
- return str.replace(/-(.)/g, function(match, chr) {
- return chr.toUpperCase();
- });
- },
- hyphenate: function(str) {
- return str.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase();
- }
- }});
- var Emitter = {
- on: function(type, func) {
- if (typeof type !== 'string') {
- Base.each(type, function(value, key) {
- this.on(key, value);
- }, this);
- } else {
- var types = this._eventTypes,
- entry = types && types[type],
- handlers = this._callbacks = this._callbacks || {};
- handlers = handlers[type] = handlers[type] || [];
- if (handlers.indexOf(func) === -1) {
- handlers.push(func);
- if (entry && entry.install && handlers.length === 1)
- entry.install.call(this, type);
- }
- }
- return this;
- },
- off: function(type, func) {
- if (typeof type !== 'string') {
- Base.each(type, function(value, key) {
- this.off(key, value);
- }, this);
- return;
- }
- var types = this._eventTypes,
- entry = types && types[type],
- handlers = this._callbacks && this._callbacks[type],
- index;
- if (handlers) {
- if (!func || (index = handlers.indexOf(func)) !== -1
- && handlers.length === 1) {
- if (entry && entry.uninstall)
- entry.uninstall.call(this, type);
- delete this._callbacks[type];
- } else if (index !== -1) {
- handlers.splice(index, 1);
- }
- }
- return this;
- },
- once: function(type, func) {
- return this.on(type, function() {
- func.apply(this, arguments);
- this.off(type, func);
- });
- },
- emit: function(type, event) {
- var handlers = this._callbacks && this._callbacks[type];
- if (!handlers)
- return false;
- var args = Base.slice(arguments, 1),
- setTarget = event && event.target && !event.currentTarget;
- handlers = handlers.slice();
- if (setTarget)
- event.currentTarget = this;
- for (var i = 0, l = handlers.length; i < l; i++) {
- if (handlers[i].apply(this, args) == false) {
- if (event && event.stop)
- event.stop();
- break;
- }
- }
- if (setTarget)
- delete event.currentTarget;
- return true;
- },
- responds: function(type) {
- return !!(this._callbacks && this._callbacks[type]);
- },
- attach: '#on',
- detach: '#off',
- fire: '#emit',
- _installEvents: function(install) {
- var types = this._eventTypes,
- handlers = this._callbacks,
- key = install ? 'install' : 'uninstall';
- if (types) {
- for (var type in handlers) {
- if (handlers[type].length > 0) {
- var entry = types[type],
- func = entry && entry[key];
- if (func)
- func.call(this, type);
- }
- }
- }
- },
- statics: {
- inject: function inject(src) {
- var events = src._events;
- if (events) {
- var types = {};
- Base.each(events, function(entry, key) {
- var isString = typeof entry === 'string',
- name = isString ? entry : key,
- part = Base.capitalize(name),
- type = name.substring(2).toLowerCase();
- types[type] = isString ? {} : entry;
- name = '_' + name;
- src['get' + part] = function() {
- return this[name];
- };
- src['set' + part] = function(func) {
- var prev = this[name];
- if (prev)
- this.off(type, prev);
- if (func)
- this.on(type, func);
- this[name] = func;
- };
- });
- src._eventTypes = types;
- }
- return inject.base.apply(this, arguments);
- }
- }
- };
- var PaperScope = Base.extend({
- _class: 'PaperScope',
- initialize: function PaperScope() {
- paper = this;
- this.settings = new Base({
- applyMatrix: true,
- insertItems: true,
- handleSize: 4,
- hitTolerance: 0
- });
- this.project = null;
- this.projects = [];
- this.tools = [];
- this._id = PaperScope._id++;
- PaperScope._scopes[this._id] = this;
- var proto = PaperScope.prototype;
- if (!this.support) {
- var ctx = CanvasProvider.getContext(1, 1) || {};
- proto.support = {
- nativeDash: 'setLineDash' in ctx || 'mozDash' in ctx,
- nativeBlendModes: BlendMode.nativeModes
- };
- CanvasProvider.release(ctx);
- }
- if (!this.agent) {
- var user = self.navigator.userAgent.toLowerCase(),
- os = (/(darwin|win|mac|linux|freebsd|sunos)/.exec(user)||[])[0],
- platform = os === 'darwin' ? 'mac' : os,
- agent = proto.agent = proto.browser = { platform: platform };
- if (platform)
- agent[platform] = true;
- user.replace(
- /(opera|chrome|safari|webkit|firefox|msie|trident|atom|node)\/?\s*([.\d]+)(?:.*version\/([.\d]+))?(?:.*rv\:v?([.\d]+))?/g,
- function(match, n, v1, v2, rv) {
- if (!agent.chrome) {
- var v = n === 'opera' ? v2 :
- /^(node|trident)$/.test(n) ? rv : v1;
- agent.version = v;
- agent.versionNumber = parseFloat(v);
- n = n === 'trident' ? 'msie' : n;
- agent.name = n;
- agent[n] = true;
- }
- }
- );
- if (agent.chrome)
- delete agent.webkit;
- if (agent.atom)
- delete agent.chrome;
- }
- },
- version: "0.11.5",
- getView: function() {
- var project = this.project;
- return project && project._view;
- },
- getPaper: function() {
- return this;
- },
- execute: function(code, options) {
- paper.PaperScript.execute(code, this, options);
- View.updateFocus();
- },
- install: function(scope) {
- var that = this;
- Base.each(['project', 'view', 'tool'], function(key) {
- Base.define(scope, key, {
- configurable: true,
- get: function() {
- return that[key];
- }
- });
- });
- for (var key in this)
- if (!/^_/.test(key) && this[key])
- scope[key] = this[key];
- },
- setup: function(element) {
- paper = this;
- this.project = new Project(element);
- return this;
- },
- createCanvas: function(width, height) {
- return CanvasProvider.getCanvas(width, height);
- },
- activate: function() {
- paper = this;
- },
- clear: function() {
- var projects = this.projects,
- tools = this.tools;
- for (var i = projects.length - 1; i >= 0; i--)
- projects[i].remove();
- for (var i = tools.length - 1; i >= 0; i--)
- tools[i].remove();
- },
- remove: function() {
- this.clear();
- delete PaperScope._scopes[this._id];
- },
- statics: new function() {
- function handleAttribute(name) {
- name += 'Attribute';
- return function(el, attr) {
- return el[name](attr) || el[name]('data-paper-' + attr);
- };
- }
- return {
- _scopes: {},
- _id: 0,
- get: function(id) {
- return this._scopes[id] || null;
- },
- getAttribute: handleAttribute('get'),
- hasAttribute: handleAttribute('has')
- };
- }
- });
- var PaperScopeItem = Base.extend(Emitter, {
- initialize: function(activate) {
- this._scope = paper;
- this._index = this._scope[this._list].push(this) - 1;
- if (activate || !this._scope[this._reference])
- this.activate();
- },
- activate: function() {
- if (!this._scope)
- return false;
- var prev = this._scope[this._reference];
- if (prev && prev !== this)
- prev.emit('deactivate');
- this._scope[this._reference] = this;
- this.emit('activate', prev);
- return true;
- },
- isActive: function() {
- return this._scope[this._reference] === this;
- },
- remove: function() {
- if (this._index == null)
- return false;
- Base.splice(this._scope[this._list], null, this._index, 1);
- if (this._scope[this._reference] == this)
- this._scope[this._reference] = null;
- this._scope = null;
- return true;
- },
- getView: function() {
- return this._scope.getView();
- }
- });
- var Formatter = Base.extend({
- initialize: function(precision) {
- this.precision = Base.pick(precision, 5);
- this.multiplier = Math.pow(10, this.precision);
- },
- number: function(val) {
- return this.precision < 16
- ? Math.round(val * this.multiplier) / this.multiplier : val;
- },
- pair: function(val1, val2, separator) {
- return this.number(val1) + (separator || ',') + this.number(val2);
- },
- point: function(val, separator) {
- return this.number(val.x) + (separator || ',') + this.number(val.y);
- },
- size: function(val, separator) {
- return this.number(val.width) + (separator || ',')
- + this.number(val.height);
- },
- rectangle: function(val, separator) {
- return this.point(val, separator) + (separator || ',')
- + this.size(val, separator);
- }
- });
- Formatter.instance = new Formatter();
- var Numerical = new function() {
- var abscissas = [
- [ 0.5773502691896257645091488],
- [0,0.7745966692414833770358531],
- [ 0.3399810435848562648026658,0.8611363115940525752239465],
- [0,0.5384693101056830910363144,0.9061798459386639927976269],
- [ 0.2386191860831969086305017,0.6612093864662645136613996,0.9324695142031520278123016],
- [0,0.4058451513773971669066064,0.7415311855993944398638648,0.9491079123427585245261897],
- [ 0.1834346424956498049394761,0.5255324099163289858177390,0.7966664774136267395915539,0.9602898564975362316835609],
- [0,0.3242534234038089290385380,0.6133714327005903973087020,0.8360311073266357942994298,0.9681602395076260898355762],
- [ 0.1488743389816312108848260,0.4333953941292471907992659,0.6794095682990244062343274,0.8650633666889845107320967,0.9739065285171717200779640],
- [0,0.2695431559523449723315320,0.5190961292068118159257257,0.7301520055740493240934163,0.8870625997680952990751578,0.9782286581460569928039380],
- [ 0.1252334085114689154724414,0.3678314989981801937526915,0.5873179542866174472967024,0.7699026741943046870368938,0.9041172563704748566784659,0.9815606342467192506905491],
- [0,0.2304583159551347940655281,0.4484927510364468528779129,0.6423493394403402206439846,0.8015780907333099127942065,0.9175983992229779652065478,0.9841830547185881494728294],
- [ 0.1080549487073436620662447,0.3191123689278897604356718,0.5152486363581540919652907,0.6872929048116854701480198,0.8272013150697649931897947,0.9284348836635735173363911,0.9862838086968123388415973],
- [0,0.2011940939974345223006283,0.3941513470775633698972074,0.5709721726085388475372267,0.7244177313601700474161861,0.8482065834104272162006483,0.9372733924007059043077589,0.9879925180204854284895657],
- [ 0.0950125098376374401853193,0.2816035507792589132304605,0.4580167776572273863424194,0.6178762444026437484466718,0.7554044083550030338951012,0.8656312023878317438804679,0.9445750230732325760779884,0.9894009349916499325961542]
- ];
- var weights = [
- [1],
- [0.8888888888888888888888889,0.5555555555555555555555556],
- [0.6521451548625461426269361,0.3478548451374538573730639],
- [0.5688888888888888888888889,0.4786286704993664680412915,0.2369268850561890875142640],
- [0.4679139345726910473898703,0.3607615730481386075698335,0.1713244923791703450402961],
- [0.4179591836734693877551020,0.3818300505051189449503698,0.2797053914892766679014678,0.1294849661688696932706114],
- [0.3626837833783619829651504,0.3137066458778872873379622,0.2223810344533744705443560,0.1012285362903762591525314],
- [0.3302393550012597631645251,0.3123470770400028400686304,0.2606106964029354623187429,0.1806481606948574040584720,0.0812743883615744119718922],
- [0.2955242247147528701738930,0.2692667193099963550912269,0.2190863625159820439955349,0.1494513491505805931457763,0.0666713443086881375935688],
- [0.2729250867779006307144835,0.2628045445102466621806889,0.2331937645919904799185237,0.1862902109277342514260976,0.1255803694649046246346943,0.0556685671161736664827537],
- [0.2491470458134027850005624,0.2334925365383548087608499,0.2031674267230659217490645,0.1600783285433462263346525,0.1069393259953184309602547,0.0471753363865118271946160],
- [0.2325515532308739101945895,0.2262831802628972384120902,0.2078160475368885023125232,0.1781459807619457382800467,0.1388735102197872384636018,0.0921214998377284479144218,0.0404840047653158795200216],
- [0.2152638534631577901958764,0.2051984637212956039659241,0.1855383974779378137417166,0.1572031671581935345696019,0.1215185706879031846894148,0.0801580871597602098056333,0.0351194603317518630318329],
- [0.2025782419255612728806202,0.1984314853271115764561183,0.1861610000155622110268006,0.1662692058169939335532009,0.1395706779261543144478048,0.1071592204671719350118695,0.0703660474881081247092674,0.0307532419961172683546284],
- [0.1894506104550684962853967,0.1826034150449235888667637,0.1691565193950025381893121,0.1495959888165767320815017,0.1246289712555338720524763,0.0951585116824927848099251,0.0622535239386478928628438,0.0271524594117540948517806]
- ];
- var abs = Math.abs,
- sqrt = Math.sqrt,
- pow = Math.pow,
- log2 = Math.log2 || function(x) {
- return Math.log(x) * Math.LOG2E;
- },
- EPSILON = 1e-12,
- MACHINE_EPSILON = 1.12e-16;
- function clamp(value, min, max) {
- return value < min ? min : value > max ? max : value;
- }
- function getDiscriminant(a, b, c) {
- function split(v) {
- var x = v * 134217729,
- y = v - x,
- hi = y + x,
- lo = v - hi;
- return [hi, lo];
- }
- var D = b * b - a * c,
- E = b * b + a * c;
- if (abs(D) * 3 < E) {
- var ad = split(a),
- bd = split(b),
- cd = split(c),
- p = b * b,
- dp = (bd[0] * bd[0] - p + 2 * bd[0] * bd[1]) + bd[1] * bd[1],
- q = a * c,
- dq = (ad[0] * cd[0] - q + ad[0] * cd[1] + ad[1] * cd[0])
- + ad[1] * cd[1];
- D = (p - q) + (dp - dq);
- }
- return D;
- }
- function getNormalizationFactor() {
- var norm = Math.max.apply(Math, arguments);
- return norm && (norm < 1e-8 || norm > 1e8)
- ? pow(2, -Math.round(log2(norm)))
- : 0;
- }
- return {
- EPSILON: EPSILON,
- MACHINE_EPSILON: MACHINE_EPSILON,
- CURVETIME_EPSILON: 1e-8,
- GEOMETRIC_EPSILON: 1e-7,
- TRIGONOMETRIC_EPSILON: 1e-8,
- KAPPA: 4 * (sqrt(2) - 1) / 3,
- isZero: function(val) {
- return val >= -EPSILON && val <= EPSILON;
- },
- clamp: clamp,
- integrate: function(f, a, b, n) {
- var x = abscissas[n - 2],
- w = weights[n - 2],
- A = (b - a) * 0.5,
- B = A + a,
- i = 0,
- m = (n + 1) >> 1,
- sum = n & 1 ? w[i++] * f(B) : 0;
- while (i < m) {
- var Ax = A * x[i];
- sum += w[i++] * (f(B + Ax) + f(B - Ax));
- }
- return A * sum;
- },
- findRoot: function(f, df, x, a, b, n, tolerance) {
- for (var i = 0; i < n; i++) {
- var fx = f(x),
- dx = fx / df(x),
- nx = x - dx;
- if (abs(dx) < tolerance) {
- x = nx;
- break;
- }
- if (fx > 0) {
- b = x;
- x = nx <= a ? (a + b) * 0.5 : nx;
- } else {
- a = x;
- x = nx >= b ? (a + b) * 0.5 : nx;
- }
- }
- return clamp(x, a, b);
- },
- solveQuadratic: function(a, b, c, roots, min, max) {
- var x1, x2 = Infinity;
- if (abs(a) < EPSILON) {
- if (abs(b) < EPSILON)
- return abs(c) < EPSILON ? -1 : 0;
- x1 = -c / b;
- } else {
- b *= -0.5;
- var D = getDiscriminant(a, b, c);
- if (D && abs(D) < MACHINE_EPSILON) {
- var f = getNormalizationFactor(abs(a), abs(b), abs(c));
- if (f) {
- a *= f;
- b *= f;
- c *= f;
- D = getDiscriminant(a, b, c);
- }
- }
- if (D >= -MACHINE_EPSILON) {
- var Q = D < 0 ? 0 : sqrt(D),
- R = b + (b < 0 ? -Q : Q);
- if (R === 0) {
- x1 = c / a;
- x2 = -x1;
- } else {
- x1 = R / a;
- x2 = c / R;
- }
- }
- }
- var count = 0,
- boundless = min == null,
- minB = min - EPSILON,
- maxB = max + EPSILON;
- if (isFinite(x1) && (boundless || x1 > minB && x1 < maxB))
- roots[count++] = boundless ? x1 : clamp(x1, min, max);
- if (x2 !== x1
- && isFinite(x2) && (boundless || x2 > minB && x2 < maxB))
- roots[count++] = boundless ? x2 : clamp(x2, min, max);
- return count;
- },
- solveCubic: function(a, b, c, d, roots, min, max) {
- var f = getNormalizationFactor(abs(a), abs(b), abs(c), abs(d)),
- x, b1, c2, qd, q;
- if (f) {
- a *= f;
- b *= f;
- c *= f;
- d *= f;
- }
- function evaluate(x0) {
- x = x0;
- var tmp = a * x;
- b1 = tmp + b;
- c2 = b1 * x + c;
- qd = (tmp + b1) * x + c2;
- q = c2 * x + d;
- }
- if (abs(a) < EPSILON) {
- a = b;
- b1 = c;
- c2 = d;
- x = Infinity;
- } else if (abs(d) < EPSILON) {
- b1 = b;
- c2 = c;
- x = 0;
- } else {
- evaluate(-(b / a) / 3);
- var t = q / a,
- r = pow(abs(t), 1/3),
- s = t < 0 ? -1 : 1,
- td = -qd / a,
- rd = td > 0 ? 1.324717957244746 * Math.max(r, sqrt(td)) : r,
- x0 = x - s * rd;
- if (x0 !== x) {
- do {
- evaluate(x0);
- x0 = qd === 0 ? x : x - q / qd / (1 + MACHINE_EPSILON);
- } while (s * x0 > s * x);
- if (abs(a) * x * x > abs(d / x)) {
- c2 = -d / x;
- b1 = (c2 - c) / x;
- }
- }
- }
- var count = Numerical.solveQuadratic(a, b1, c2, roots, min, max),
- boundless = min == null;
- if (isFinite(x) && (count === 0
- || count > 0 && x !== roots[0] && x !== roots[1])
- && (boundless || x > min - EPSILON && x < max + EPSILON))
- roots[count++] = boundless ? x : clamp(x, min, max);
- return count;
- }
- };
- };
- var UID = {
- _id: 1,
- _pools: {},
- get: function(name) {
- if (name) {
- var pool = this._pools[name];
- if (!pool)
- pool = this._pools[name] = { _id: 1 };
- return pool._id++;
- } else {
- return this._id++;
- }
- }
- };
- var Point = Base.extend({
- _class: 'Point',
- _readIndex: true,
- initialize: function Point(arg0, arg1) {
- var type = typeof arg0,
- reading = this.__read,
- read = 0;
- if (type === 'number') {
- var hasY = typeof arg1 === 'number';
- this._set(arg0, hasY ? arg1 : arg0);
- if (reading)
- read = hasY ? 2 : 1;
- } else if (type === 'undefined' || arg0 === null) {
- this._set(0, 0);
- if (reading)
- read = arg0 === null ? 1 : 0;
- } else {
- var obj = type === 'string' ? arg0.split(/[\s,]+/) || [] : arg0;
- read = 1;
- if (Array.isArray(obj)) {
- this._set(+obj[0], +(obj.length > 1 ? obj[1] : obj[0]));
- } else if ('x' in obj) {
- this._set(obj.x || 0, obj.y || 0);
- } else if ('width' in obj) {
- this._set(obj.width || 0, obj.height || 0);
- } else if ('angle' in obj) {
- this._set(obj.length || 0, 0);
- this.setAngle(obj.angle || 0);
- } else {
- this._set(0, 0);
- read = 0;
- }
- }
- if (reading)
- this.__read = read;
- return this;
- },
- set: '#initialize',
- _set: function(x, y) {
- this.x = x;
- this.y = y;
- return this;
- },
- equals: function(point) {
- return this === point || point
- && (this.x === point.x && this.y === point.y
- || Array.isArray(point)
- && this.x === point[0] && this.y === point[1])
- || false;
- },
- clone: function() {
- return new Point(this.x, this.y);
- },
- toString: function() {
- var f = Formatter.instance;
- return '{ x: ' + f.number(this.x) + ', y: ' + f.number(this.y) + ' }';
- },
- _serialize: function(options) {
- var f = options.formatter;
- return [f.number(this.x), f.number(this.y)];
- },
- getLength: function() {
- return Math.sqrt(this.x * this.x + this.y * this.y);
- },
- setLength: function(length) {
- if (this.isZero()) {
- var angle = this._angle || 0;
- this._set(
- Math.cos(angle) * length,
- Math.sin(angle) * length
- );
- } else {
- var scale = length / this.getLength();
- if (Numerical.isZero(scale))
- this.getAngle();
- this._set(
- this.x * scale,
- this.y * scale
- );
- }
- },
- getAngle: function() {
- return this.getAngleInRadians.apply(this, arguments) * 180 / Math.PI;
- },
- setAngle: function(angle) {
- this.setAngleInRadians.call(this, angle * Math.PI / 180);
- },
- getAngleInDegrees: '#getAngle',
- setAngleInDegrees: '#setAngle',
- getAngleInRadians: function() {
- if (!arguments.length) {
- return this.isZero()
- ? this._angle || 0
- : this._angle = Math.atan2(this.y, this.x);
- } else {
- var point = Point.read(arguments),
- div = this.getLength() * point.getLength();
- if (Numerical.isZero(div)) {
- return NaN;
- } else {
- var a = this.dot(point) / div;
- return Math.acos(a < -1 ? -1 : a > 1 ? 1 : a);
- }
- }
- },
- setAngleInRadians: function(angle) {
- this._angle = angle;
- if (!this.isZero()) {
- var length = this.getLength();
- this._set(
- Math.cos(angle) * length,
- Math.sin(angle) * length
- );
- }
- },
- getQuadrant: function() {
- return this.x >= 0 ? this.y >= 0 ? 1 : 4 : this.y >= 0 ? 2 : 3;
- }
- }, {
- beans: false,
- getDirectedAngle: function() {
- var point = Point.read(arguments);
- return Math.atan2(this.cross(point), this.dot(point)) * 180 / Math.PI;
- },
- getDistance: function() {
- var point = Point.read(arguments),
- x = point.x - this.x,
- y = point.y - this.y,
- d = x * x + y * y,
- squared = Base.read(arguments);
- return squared ? d : Math.sqrt(d);
- },
- normalize: function(length) {
- if (length === undefined)
- length = 1;
- var current = this.getLength(),
- scale = current !== 0 ? length / current : 0,
- point = new Point(this.x * scale, this.y * scale);
- if (scale >= 0)
- point._angle = this._angle;
- return point;
- },
- rotate: function(angle, center) {
- if (angle === 0)
- return this.clone();
- angle = angle * Math.PI / 180;
- var point = center ? this.subtract(center) : this,
- sin = Math.sin(angle),
- cos = Math.cos(angle);
- point = new Point(
- point.x * cos - point.y * sin,
- point.x * sin + point.y * cos
- );
- return center ? point.add(center) : point;
- },
- transform: function(matrix) {
- return matrix ? matrix._transformPoint(this) : this;
- },
- add: function() {
- var point = Point.read(arguments);
- return new Point(this.x + point.x, this.y + point.y);
- },
- subtract: function() {
- var point = Point.read(arguments);
- return new Point(this.x - point.x, this.y - point.y);
- },
- multiply: function() {
- var point = Point.read(arguments);
- return new Point(this.x * point.x, this.y * point.y);
- },
- divide: function() {
- var point = Point.read(arguments);
- return new Point(this.x / point.x, this.y / point.y);
- },
- modulo: function() {
- var point = Point.read(arguments);
- return new Point(this.x % point.x, this.y % point.y);
- },
- negate: function() {
- return new Point(-this.x, -this.y);
- },
- isInside: function() {
- return Rectangle.read(arguments).contains(this);
- },
- isClose: function() {
- var point = Point.read(arguments),
- tolerance = Base.read(arguments);
- return this.getDistance(point) <= tolerance;
- },
- isCollinear: function() {
- var point = Point.read(arguments);
- return Point.isCollinear(this.x, this.y, point.x, point.y);
- },
- isColinear: '#isCollinear',
- isOrthogonal: function() {
- var point = Point.read(arguments);
- return Point.isOrthogonal(this.x, this.y, point.x, point.y);
- },
- isZero: function() {
- var isZero = Numerical.isZero;
- return isZero(this.x) && isZero(this.y);
- },
- isNaN: function() {
- return isNaN(this.x) || isNaN(this.y);
- },
- isInQuadrant: function(q) {
- return this.x * (q > 1 && q < 4 ? -1 : 1) >= 0
- && this.y * (q > 2 ? -1 : 1) >= 0;
- },
- dot: function() {
- var point = Point.read(arguments);
- return this.x * point.x + this.y * point.y;
- },
- cross: function() {
- var point = Point.read(arguments);
- return this.x * point.y - this.y * point.x;
- },
- project: function() {
- var point = Point.read(arguments),
- scale = point.isZero() ? 0 : this.dot(point) / point.dot(point);
- return new Point(
- point.x * scale,
- point.y * scale
- );
- },
- statics: {
- min: function() {
- var point1 = Point.read(arguments),
- point2 = Point.read(arguments);
- return new Point(
- Math.min(point1.x, point2.x),
- Math.min(point1.y, point2.y)
- );
- },
- max: function() {
- var point1 = Point.read(arguments),
- point2 = Point.read(arguments);
- return new Point(
- Math.max(point1.x, point2.x),
- Math.max(point1.y, point2.y)
- );
- },
- random: function() {
- return new Point(Math.random(), Math.random());
- },
- isCollinear: function(x1, y1, x2, y2) {
- return Math.abs(x1 * y2 - y1 * x2)
- <= Math.sqrt((x1 * x1 + y1 * y1) * (x2 * x2 + y2 * y2))
- * 1e-8;
- },
- isOrthogonal: function(x1, y1, x2, y2) {
- return Math.abs(x1 * x2 + y1 * y2)
- <= Math.sqrt((x1 * x1 + y1 * y1) * (x2 * x2 + y2 * y2))
- * 1e-8;
- }
- }
- }, Base.each(['round', 'ceil', 'floor', 'abs'], function(key) {
- var op = Math[key];
- this[key] = function() {
- return new Point(op(this.x), op(this.y));
- };
- }, {}));
- var LinkedPoint = Point.extend({
- initialize: function Point(x, y, owner, setter) {
- this._x = x;
- this._y = y;
- this._owner = owner;
- this._setter = setter;
- },
- _set: function(x, y, _dontNotify) {
- this._x = x;
- this._y = y;
- if (!_dontNotify)
- this._owner[this._setter](this);
- return this;
- },
- getX: function() {
- return this._x;
- },
- setX: function(x) {
- this._x = x;
- this._owner[this._setter](this);
- },
- getY: function() {
- return this._y;
- },
- setY: function(y) {
- this._y = y;
- this._owner[this._setter](this);
- },
- isSelected: function() {
- return !!(this._owner._selection & this._getSelection());
- },
- setSelected: function(selected) {
- this._owner._changeSelection(this._getSelection(), selected);
- },
- _getSelection: function() {
- return this._setter === 'setPosition' ? 4 : 0;
- }
- });
- var Size = Base.extend({
- _class: 'Size',
- _readIndex: true,
- initialize: function Size(arg0, arg1) {
- var type = typeof arg0,
- reading = this.__read,
- read = 0;
- if (type === 'number') {
- var hasHeight = typeof arg1 === 'number';
- this._set(arg0, hasHeight ? arg1 : arg0);
- if (reading)
- read = hasHeight ? 2 : 1;
- } else if (type === 'undefined' || arg0 === null) {
- this._set(0, 0);
- if (reading)
- read = arg0 === null ? 1 : 0;
- } else {
- var obj = type === 'string' ? arg0.split(/[\s,]+/) || [] : arg0;
- read = 1;
- if (Array.isArray(obj)) {
- this._set(+obj[0], +(obj.length > 1 ? obj[1] : obj[0]));
- } else if ('width' in obj) {
- this._set(obj.width || 0, obj.height || 0);
- } else if ('x' in obj) {
- this._set(obj.x || 0, obj.y || 0);
- } else {
- this._set(0, 0);
- read = 0;
- }
- }
- if (reading)
- this.__read = read;
- return this;
- },
- set: '#initialize',
- _set: function(width, height) {
- this.width = width;
- this.height = height;
- return this;
- },
- equals: function(size) {
- return size === this || size && (this.width === size.width
- && this.height === size.height
- || Array.isArray(size) && this.width === size[0]
- && this.height === size[1]) || false;
- },
- clone: function() {
- return new Size(this.width, this.height);
- },
- toString: function() {
- var f = Formatter.instance;
- return '{ width: ' + f.number(this.width)
- + ', height: ' + f.number(this.height) + ' }';
- },
- _serialize: function(options) {
- var f = options.formatter;
- return [f.number(this.width),
- f.number(this.height)];
- },
- add: function() {
- var size = Size.read(arguments);
- return new Size(this.width + size.width, this.height + size.height);
- },
- subtract: function() {
- var size = Size.read(arguments);
- return new Size(this.width - size.width, this.height - size.height);
- },
- multiply: function() {
- var size = Size.read(arguments);
- return new Size(this.width * size.width, this.height * size.height);
- },
- divide: function() {
- var size = Size.read(arguments);
- return new Size(this.width / size.width, this.height / size.height);
- },
- modulo: function() {
- var size = Size.read(arguments);
- return new Size(this.width % size.width, this.height % size.height);
- },
- negate: function() {
- return new Size(-this.width, -this.height);
- },
- isZero: function() {
- var isZero = Numerical.isZero;
- return isZero(this.width) && isZero(this.height);
- },
- isNaN: function() {
- return isNaN(this.width) || isNaN(this.height);
- },
- statics: {
- min: function(size1, size2) {
- return new Size(
- Math.min(size1.width, size2.width),
- Math.min(size1.height, size2.height));
- },
- max: function(size1, size2) {
- return new Size(
- Math.max(size1.width, size2.width),
- Math.max(size1.height, size2.height));
- },
- random: function() {
- return new Size(Math.random(), Math.random());
- }
- }
- }, Base.each(['round', 'ceil', 'floor', 'abs'], function(key) {
- var op = Math[key];
- this[key] = function() {
- return new Size(op(this.width), op(this.height));
- };
- }, {}));
- var LinkedSize = Size.extend({
- initialize: function Size(width, height, owner, setter) {
- this._width = width;
- this._height = height;
- this._owner = owner;
- this._setter = setter;
- },
- _set: function(width, height, _dontNotify) {
- this._width = width;
- this._height = height;
- if (!_dontNotify)
- this._owner[this._setter](this);
- return this;
- },
- getWidth: function() {
- return this._width;
- },
- setWidth: function(width) {
- this._width = width;
- this._owner[this._setter](this);
- },
- getHeight: function() {
- return this._height;
- },
- setHeight: function(height) {
- this._height = height;
- this._owner[this._setter](this);
- }
- });
- var Rectangle = Base.extend({
- _class: 'Rectangle',
- _readIndex: true,
- beans: true,
- initialize: function Rectangle(arg0, arg1, arg2, arg3) {
- var type = typeof arg0,
- read;
- if (type === 'number') {
- this._set(arg0, arg1, arg2, arg3);
- read = 4;
- } else if (type === 'undefined' || arg0 === null) {
- this._set(0, 0, 0, 0);
- read = arg0 === null ? 1 : 0;
- } else if (arguments.length === 1) {
- if (Array.isArray(arg0)) {
- this._set.apply(this, arg0);
- read = 1;
- } else if (arg0.x !== undefined || arg0.width !== undefined) {
- this._set(arg0.x || 0, arg0.y || 0,
- arg0.width || 0, arg0.height || 0);
- read = 1;
- } else if (arg0.from === undefined && arg0.to === undefined) {
- this._set(0, 0, 0, 0);
- Base.filter(this, arg0);
- read = 1;
- }
- }
- if (read === undefined) {
- var frm = Point.readNamed(arguments, 'from'),
- next = Base.peek(arguments),
- x = frm.x,
- y = frm.y,
- width,
- height;
- if (next && next.x !== undefined
- || Base.hasNamed(arguments, 'to')) {
- var to = Point.readNamed(arguments, 'to');
- width = to.x - x;
- height = to.y - y;
- if (width < 0) {
- x = to.x;
- width = -width;
- }
- if (height < 0) {
- y = to.y;
- height = -height;
- }
- } else {
- var size = Size.read(arguments);
- width = size.width;
- height = size.height;
- }
- this._set(x, y, width, height);
- read = arguments.__index;
- var filtered = arguments.__filtered;
- if (filtered)
- this.__filtered = filtered;
- }
- if (this.__read)
- this.__read = read;
- return this;
- },
- set: '#initialize',
- _set: function(x, y, width, height) {
- this.x = x;
- this.y = y;
- this.width = width;
- this.height = height;
- return this;
- },
- clone: function() {
- return new Rectangle(this.x, this.y, this.width, this.height);
- },
- equals: function(rect) {
- var rt = Base.isPlainValue(rect)
- ? Rectangle.read(arguments)
- : rect;
- return rt === this
- || rt && this.x === rt.x && this.y === rt.y
- && this.width === rt.width && this.height === rt.height
- || false;
- },
- toString: function() {
- var f = Formatter.instance;
- return '{ x: ' + f.number(this.x)
- + ', y: ' + f.number(this.y)
- + ', width: ' + f.number(this.width)
- + ', height: ' + f.number(this.height)
- + ' }';
- },
- _serialize: function(options) {
- var f = options.formatter;
- return [f.number(this.x),
- f.number(this.y),
- f.number(this.width),
- f.number(this.height)];
- },
- getPoint: function(_dontLink) {
- var ctor = _dontLink ? Point : LinkedPoint;
- return new ctor(this.x, this.y, this, 'setPoint');
- },
- setPoint: function() {
- var point = Point.read(arguments);
- this.x = point.x;
- this.y = point.y;
- },
- getSize: function(_dontLink) {
- var ctor = _dontLink ? Size : LinkedSize;
- return new ctor(this.width, this.height, this, 'setSize');
- },
- _fw: 1,
- _fh: 1,
- setSize: function() {
- var size = Size.read(arguments),
- sx = this._sx,
- sy = this._sy,
- w = size.width,
- h = size.height;
- if (sx) {
- this.x += (this.width - w) * sx;
- }
- if (sy) {
- this.y += (this.height - h) * sy;
- }
- this.width = w;
- this.height = h;
- this._fw = this._fh = 1;
- },
- getLeft: function() {
- return this.x;
- },
- setLeft: function(left) {
- if (!this._fw) {
- var amount = left - this.x;
- this.width -= this._sx === 0.5 ? amount * 2 : amount;
- }
- this.x = left;
- this._sx = this._fw = 0;
- },
- getTop: function() {
- return this.y;
- },
- setTop: function(top) {
- if (!this._fh) {
- var amount = top - this.y;
- this.height -= this._sy === 0.5 ? amount * 2 : amount;
- }
- this.y = top;
- this._sy = this._fh = 0;
- },
- getRight: function() {
- return this.x + this.width;
- },
- setRight: function(right) {
- if (!this._fw) {
- var amount = right - this.x;
- this.width = this._sx === 0.5 ? amount * 2 : amount;
- }
- this.x = right - this.width;
- this._sx = 1;
- this._fw = 0;
- },
- getBottom: function() {
- return this.y + this.height;
- },
- setBottom: function(bottom) {
- if (!this._fh) {
- var amount = bottom - this.y;
- this.height = this._sy === 0.5 ? amount * 2 : amount;
- }
- this.y = bottom - this.height;
- this._sy = 1;
- this._fh = 0;
- },
- getCenterX: function() {
- return this.x + this.width / 2;
- },
- setCenterX: function(x) {
- if (this._fw || this._sx === 0.5) {
- this.x = x - this.width / 2;
- } else {
- if (this._sx) {
- this.x += (x - this.x) * 2 * this._sx;
- }
- this.width = (x - this.x) * 2;
- }
- this._sx = 0.5;
- this._fw = 0;
- },
- getCenterY: function() {
- return this.y + this.height / 2;
- },
- setCenterY: function(y) {
- if (this._fh || this._sy === 0.5) {
- this.y = y - this.height / 2;
- } else {
- if (this._sy) {
- this.y += (y - this.y) * 2 * this._sy;
- }
- this.height = (y - this.y) * 2;
- }
- this._sy = 0.5;
- this._fh = 0;
- },
- getCenter: function(_dontLink) {
- var ctor = _dontLink ? Point : LinkedPoint;
- return new ctor(this.getCenterX(), this.getCenterY(), this, 'setCenter');
- },
- setCenter: function() {
- var point = Point.read(arguments);
- this.setCenterX(point.x);
- this.setCenterY(point.y);
- return this;
- },
- getArea: function() {
- return this.width * this.height;
- },
- isEmpty: function() {
- return this.width === 0 || this.height === 0;
- },
- contains: function(arg) {
- return arg && arg.width !== undefined
- || (Array.isArray(arg) ? arg : arguments).length === 4
- ? this._containsRectangle(Rectangle.read(arguments))
- : this._containsPoint(Point.read(arguments));
- },
- _containsPoint: function(point) {
- var x = point.x,
- y = point.y;
- return x >= this.x && y >= this.y
- && x <= this.x + this.width
- && y <= this.y + this.height;
- },
- _containsRectangle: function(rect) {
- var x = rect.x,
- y = rect.y;
- return x >= this.x && y >= this.y
- && x + rect.width <= this.x + this.width
- && y + rect.height <= this.y + this.height;
- },
- intersects: function() {
- var rect = Rectangle.read(arguments),
- epsilon = Base.read(arguments) || 0;
- return rect.x + rect.width > this.x - epsilon
- && rect.y + rect.height > this.y - epsilon
- && rect.x < this.x + this.width + epsilon
- && rect.y < this.y + this.height + epsilon;
- },
- intersect: function() {
- var rect = Rectangle.read(arguments),
- x1 = Math.max(this.x, rect.x),
- y1 = Math.max(this.y, rect.y),
- x2 = Math.min(this.x + this.width, rect.x + rect.width),
- y2 = Math.min(this.y + this.height, rect.y + rect.height);
- return new Rectangle(x1, y1, x2 - x1, y2 - y1);
- },
- unite: function() {
- var rect = Rectangle.read(arguments),
- x1 = Math.min(this.x, rect.x),
- y1 = Math.min(this.y, rect.y),
- x2 = Math.max(this.x + this.width, rect.x + rect.width),
- y2 = Math.max(this.y + this.height, rect.y + rect.height);
- return new Rectangle(x1, y1, x2 - x1, y2 - y1);
- },
- include: function() {
- var point = Point.read(arguments);
- var x1 = Math.min(this.x, point.x),
- y1 = Math.min(this.y, point.y),
- x2 = Math.max(this.x + this.width, point.x),
- y2 = Math.max(this.y + this.height, point.y);
- return new Rectangle(x1, y1, x2 - x1, y2 - y1);
- },
- expand: function() {
- var amount = Size.read(arguments),
- hor = amount.width,
- ver = amount.height;
- return new Rectangle(this.x - hor / 2, this.y - ver / 2,
- this.width + hor, this.height + ver);
- },
- scale: function(hor, ver) {
- return this.expand(this.width * hor - this.width,
- this.height * (ver === undefined ? hor : ver) - this.height);
- }
- }, Base.each([
- ['Top', 'Left'], ['Top', 'Right'],
- ['Bottom', 'Left'], ['Bottom', 'Right'],
- ['Left', 'Center'], ['Top', 'Center'],
- ['Right', 'Center'], ['Bottom', 'Center']
- ],
- function(parts, index) {
- var part = parts.join(''),
- xFirst = /^[RL]/.test(part);
- if (index >= 4)
- parts[1] += xFirst ? 'Y' : 'X';
- var x = parts[xFirst ? 0 : 1],
- y = parts[xFirst ? 1 : 0],
- getX = 'get' + x,
- getY = 'get' + y,
- setX = 'set' + x,
- setY = 'set' + y,
- get = 'get' + part,
- set = 'set' + part;
- this[get] = function(_dontLink) {
- var ctor = _dontLink ? Point : LinkedPoint;
- return new ctor(this[getX](), this[getY](), this, set);
- };
- this[set] = function() {
- var point = Point.read(arguments);
- this[setX](point.x);
- this[setY](point.y);
- };
- }, {
- beans: true
- }
- ));
- var LinkedRectangle = Rectangle.extend({
- initialize: function Rectangle(x, y, width, height, owner, setter) {
- this._set(x, y, width, height, true);
- this._owner = owner;
- this._setter = setter;
- },
- _set: function(x, y, width, height, _dontNotify) {
- this._x = x;
- this._y = y;
- this._width = width;
- this._height = height;
- if (!_dontNotify)
- this._owner[this._setter](this);
- return this;
- }
- },
- new function() {
- var proto = Rectangle.prototype;
- return Base.each(['x', 'y', 'width', 'height'], function(key) {
- var part = Base.capitalize(key),
- internal = '_' + key;
- this['get' + part] = function() {
- return this[internal];
- };
- this['set' + part] = function(value) {
- this[internal] = value;
- if (!this._dontNotify)
- this._owner[this._setter](this);
- };
- }, Base.each(['Point', 'Size', 'Center',
- 'Left', 'Top', 'Right', 'Bottom', 'CenterX', 'CenterY',
- 'TopLeft', 'TopRight', 'BottomLeft', 'BottomRight',
- 'LeftCenter', 'TopCenter', 'RightCenter', 'BottomCenter'],
- function(key) {
- var name = 'set' + key;
- this[name] = function() {
- this._dontNotify = true;
- proto[name].apply(this, arguments);
- this._dontNotify = false;
- this._owner[this._setter](this);
- };
- }, {
- isSelected: function() {
- return !!(this._owner._selection & 2);
- },
- setSelected: function(selected) {
- var owner = this._owner;
- if (owner._changeSelection) {
- owner._changeSelection(2, selected);
- }
- }
- })
- );
- });
- var Matrix = Base.extend({
- _class: 'Matrix',
- initialize: function Matrix(arg, _dontNotify) {
- var count = arguments.length,
- ok = true;
- if (count >= 6) {
- this._set.apply(this, arguments);
- } else if (count === 1 || count === 2) {
- if (arg instanceof Matrix) {
- this._set(arg._a, arg._b, arg._c, arg._d, arg._tx, arg._ty,
- _dontNotify);
- } else if (Array.isArray(arg)) {
- this._set.apply(this,
- _dontNotify ? arg.concat([_dontNotify]) : arg);
- } else {
- ok = false;
- }
- } else if (!count) {
- this.reset();
- } else {
- ok = false;
- }
- if (!ok) {
- throw new Error('Unsupported matrix parameters');
- }
- return this;
- },
- set: '#initialize',
- _set: function(a, b, c, d, tx, ty, _dontNotify) {
- this._a = a;
- this._b = b;
- this._c = c;
- this._d = d;
- this._tx = tx;
- this._ty = ty;
- if (!_dontNotify)
- this._changed();
- return this;
- },
- _serialize: function(options, dictionary) {
- return Base.serialize(this.getValues(), options, true, dictionary);
- },
- _changed: function() {
- var owner = this._owner;
- if (owner) {
- if (owner._applyMatrix) {
- owner.transform(null, true);
- } else {
- owner._changed(9);
- }
- }
- },
- clone: function() {
- return new Matrix(this._a, this._b, this._c, this._d,
- this._tx, this._ty);
- },
- equals: function(mx) {
- return mx === this || mx && this._a === mx._a && this._b === mx._b
- && this._c === mx._c && this._d === mx._d
- && this._tx === mx._tx && this._ty === mx._ty;
- },
- toString: function() {
- var f = Formatter.instance;
- return '[[' + [f.number(this._a), f.number(this._c),
- f.number(this._tx)].join(', ') + '], ['
- + [f.number(this._b), f.number(this._d),
- f.number(this._ty)].join(', ') + ']]';
- },
- reset: function(_dontNotify) {
- this._a = this._d = 1;
- this._b = this._c = this._tx = this._ty = 0;
- if (!_dontNotify)
- this._changed();
- return this;
- },
- apply: function(recursively, _setApplyMatrix) {
- var owner = this._owner;
- if (owner) {
- owner.transform(null, true, Base.pick(recursively, true),
- _setApplyMatrix);
- return this.isIdentity();
- }
- return false;
- },
- translate: function() {
- var point = Point.read(arguments),
- x = point.x,
- y = point.y;
- this._tx += x * this._a + y * this._c;
- this._ty += x * this._b + y * this._d;
- this._changed();
- return this;
- },
- scale: function() {
- var scale = Point.read(arguments),
- center = Point.read(arguments, 0, { readNull: true });
- if (center)
- this.translate(center);
- this._a *= scale.x;
- this._b *= scale.x;
- this._c *= scale.y;
- this._d *= scale.y;
- if (center)
- this.translate(center.negate());
- this._changed();
- return this;
- },
- rotate: function(angle ) {
- angle *= Math.PI / 180;
- var center = Point.read(arguments, 1),
- x = center.x,
- y = center.y,
- cos = Math.cos(angle),
- sin = Math.sin(angle),
- tx = x - x * cos + y * sin,
- ty = y - x * sin - y * cos,
- a = this._a,
- b = this._b,
- c = this._c,
- d = this._d;
- this._a = cos * a + sin * c;
- this._b = cos * b + sin * d;
- this._c = -sin * a + cos * c;
- this._d = -sin * b + cos * d;
- this._tx += tx * a + ty * c;
- this._ty += tx * b + ty * d;
- this._changed();
- return this;
- },
- shear: function() {
- var shear = Point.read(arguments),
- center = Point.read(arguments, 0, { readNull: true });
- if (center)
- this.translate(center);
- var a = this._a,
- b = this._b;
- this._a += shear.y * this._c;
- this._b += shear.y * this._d;
- this._c += shear.x * a;
- this._d += shear.x * b;
- if (center)
- this.translate(center.negate());
- this._changed();
- return this;
- },
- skew: function() {
- var skew = Point.read(arguments),
- center = Point.read(arguments, 0, { readNull: true }),
- toRadians = Math.PI / 180,
- shear = new Point(Math.tan(skew.x * toRadians),
- Math.tan(skew.y * toRadians));
- return this.shear(shear, center);
- },
- append: function(mx, _dontNotify) {
- if (mx) {
- var a1 = this._a,
- b1 = this._b,
- c1 = this._c,
- d1 = this._d,
- a2 = mx._a,
- b2 = mx._c,
- c2 = mx._b,
- d2 = mx._d,
- tx2 = mx._tx,
- ty2 = mx._ty;
- this._a = a2 * a1 + c2 * c1;
- this._c = b2 * a1 + d2 * c1;
- this._b = a2 * b1 + c2 * d1;
- this._d = b2 * b1 + d2 * d1;
- this._tx += tx2 * a1 + ty2 * c1;
- this._ty += tx2 * b1 + ty2 * d1;
- if (!_dontNotify)
- this._changed();
- }
- return this;
- },
- prepend: function(mx, _dontNotify) {
- if (mx) {
- var a1 = this._a,
- b1 = this._b,
- c1 = this._c,
- d1 = this._d,
- tx1 = this._tx,
- ty1 = this._ty,
- a2 = mx._a,
- b2 = mx._c,
- c2 = mx._b,
- d2 = mx._d,
- tx2 = mx._tx,
- ty2 = mx._ty;
- this._a = a2 * a1 + b2 * b1;
- this._c = a2 * c1 + b2 * d1;
- this._b = c2 * a1 + d2 * b1;
- this._d = c2 * c1 + d2 * d1;
- this._tx = a2 * tx1 + b2 * ty1 + tx2;
- this._ty = c2 * tx1 + d2 * ty1 + ty2;
- if (!_dontNotify)
- this._changed();
- }
- return this;
- },
- appended: function(mx) {
- return this.clone().append(mx);
- },
- prepended: function(mx) {
- return this.clone().prepend(mx);
- },
- invert: function() {
- var a = this._a,
- b = this._b,
- c = this._c,
- d = this._d,
- tx = this._tx,
- ty = this._ty,
- det = a * d - b * c,
- res = null;
- if (det && !isNaN(det) && isFinite(tx) && isFinite(ty)) {
- this._a = d / det;
- this._b = -b / det;
- this._c = -c / det;
- this._d = a / det;
- this._tx = (c * ty - d * tx) / det;
- this._ty = (b * tx - a * ty) / det;
- res = this;
- }
- return res;
- },
- inverted: function() {
- return this.clone().invert();
- },
- concatenate: '#append',
- preConcatenate: '#prepend',
- chain: '#appended',
- _shiftless: function() {
- return new Matrix(this._a, this._b, this._c, this._d, 0, 0);
- },
- _orNullIfIdentity: function() {
- return this.isIdentity() ? null : this;
- },
- isIdentity: function() {
- return this._a === 1 && this._b === 0 && this._c === 0 && this._d === 1
- && this._tx === 0 && this._ty === 0;
- },
- isInvertible: function() {
- var det = this._a * this._d - this._c * this._b;
- return det && !isNaN(det) && isFinite(this._tx) && isFinite(this._ty);
- },
- isSingular: function() {
- return !this.isInvertible();
- },
- transform: function( src, dst, count) {
- return arguments.length < 3
- ? this._transformPoint(Point.read(arguments))
- : this._transformCoordinates(src, dst, count);
- },
- _transformPoint: function(point, dest, _dontNotify) {
- var x = point.x,
- y = point.y;
- if (!dest)
- dest = new Point();
- return dest._set(
- x * this._a + y * this._c + this._tx,
- x * this._b + y * this._d + this._ty,
- _dontNotify);
- },
- _transformCoordinates: function(src, dst, count) {
- for (var i = 0, max = 2 * count; i < max; i += 2) {
- var x = src[i],
- y = src[i + 1];
- dst[i] = x * this._a + y * this._c + this._tx;
- dst[i + 1] = x * this._b + y * this._d + this._ty;
- }
- return dst;
- },
- _transformCorners: function(rect) {
- var x1 = rect.x,
- y1 = rect.y,
- x2 = x1 + rect.width,
- y2 = y1 + rect.height,
- coords = [ x1, y1, x2, y1, x2, y2, x1, y2 ];
- return this._transformCoordinates(coords, coords, 4);
- },
- _transformBounds: function(bounds, dest, _dontNotify) {
- var coords = this._transformCorners(bounds),
- min = coords.slice(0, 2),
- max = min.slice();
- for (var i = 2; i < 8; i++) {
- var val = coords[i],
- j = i & 1;
- if (val < min[j]) {
- min[j] = val;
- } else if (val > max[j]) {
- max[j] = val;
- }
- }
- if (!dest)
- dest = new Rectangle();
- return dest._set(min[0], min[1], max[0] - min[0], max[1] - min[1],
- _dontNotify);
- },
- inverseTransform: function() {
- return this._inverseTransform(Point.read(arguments));
- },
- _inverseTransform: function(point, dest, _dontNotify) {
- var a = this._a,
- b = this._b,
- c = this._c,
- d = this._d,
- tx = this._tx,
- ty = this._ty,
- det = a * d - b * c,
- res = null;
- if (det && !isNaN(det) && isFinite(tx) && isFinite(ty)) {
- var x = point.x - this._tx,
- y = point.y - this._ty;
- if (!dest)
- dest = new Point();
- res = dest._set(
- (x * d - y * c) / det,
- (y * a - x * b) / det,
- _dontNotify);
- }
- return res;
- },
- decompose: function() {
- var a = this._a,
- b = this._b,
- c = this._c,
- d = this._d,
- det = a * d - b * c,
- sqrt = Math.sqrt,
- atan2 = Math.atan2,
- degrees = 180 / Math.PI,
- rotate,
- scale,
- skew;
- if (a !== 0 || b !== 0) {
- var r = sqrt(a * a + b * b);
- rotate = Math.acos(a / r) * (b > 0 ? 1 : -1);
- scale = [r, det / r];
- skew = [atan2(a * c + b * d, r * r), 0];
- } else if (c !== 0 || d !== 0) {
- var s = sqrt(c * c + d * d);
- rotate = Math.asin(c / s) * (d > 0 ? 1 : -1);
- scale = [det / s, s];
- skew = [0, atan2(a * c + b * d, s * s)];
- } else {
- rotate = 0;
- skew = scale = [0, 0];
- }
- return {
- translation: this.getTranslation(),
- rotation: rotate * degrees,
- scaling: new Point(scale),
- skewing: new Point(skew[0] * degrees, skew[1] * degrees)
- };
- },
- getValues: function() {
- return [ this._a, this._b, this._c, this._d, this._tx, this._ty ];
- },
- getTranslation: function() {
- return new Point(this._tx, this._ty);
- },
- getScaling: function() {
- return (this.decompose() || {}).scaling;
- },
- getRotation: function() {
- return (this.decompose() || {}).rotation;
- },
- applyToContext: function(ctx) {
- if (!this.isIdentity()) {
- ctx.transform(this._a, this._b, this._c, this._d,
- this._tx, this._ty);
- }
- }
- }, Base.each(['a', 'b', 'c', 'd', 'tx', 'ty'], function(key) {
- var part = Base.capitalize(key),
- prop = '_' + key;
- this['get' + part] = function() {
- return this[prop];
- };
- this['set' + part] = function(value) {
- this[prop] = value;
- this._changed();
- };
- }, {}));
- var Line = Base.extend({
- _class: 'Line',
- initialize: function Line(arg0, arg1, arg2, arg3, arg4) {
- var asVector = false;
- if (arguments.length >= 4) {
- this._px = arg0;
- this._py = arg1;
- this._vx = arg2;
- this._vy = arg3;
- asVector = arg4;
- } else {
- this._px = arg0.x;
- this._py = arg0.y;
- this._vx = arg1.x;
- this._vy = arg1.y;
- asVector = arg2;
- }
- if (!asVector) {
- this._vx -= this._px;
- this._vy -= this._py;
- }
- },
- getPoint: function() {
- return new Point(this._px, this._py);
- },
- getVector: function() {
- return new Point(this._vx, this._vy);
- },
- getLength: function() {
- return this.getVector().getLength();
- },
- intersect: function(line, isInfinite) {
- return Line.intersect(
- this._px, this._py, this._vx, this._vy,
- line._px, line._py, line._vx, line._vy,
- true, isInfinite);
- },
- getSide: function(point, isInfinite) {
- return Line.getSide(
- this._px, this._py, this._vx, this._vy,
- point.x, point.y, true, isInfinite);
- },
- getDistance: function(point) {
- return Math.abs(this.getSignedDistance(point));
- },
- getSignedDistance: function(point) {
- return Line.getSignedDistance(this._px, this._py, this._vx, this._vy,
- point.x, point.y, true);
- },
- isCollinear: function(line) {
- return Point.isCollinear(this._vx, this._vy, line._vx, line._vy);
- },
- isOrthogonal: function(line) {
- return Point.isOrthogonal(this._vx, this._vy, line._vx, line._vy);
- },
- statics: {
- intersect: function(p1x, p1y, v1x, v1y, p2x, p2y, v2x, v2y, asVector,
- isInfinite) {
- if (!asVector) {
- v1x -= p1x;
- v1y -= p1y;
- v2x -= p2x;
- v2y -= p2y;
- }
- var cross = v1x * v2y - v1y * v2x;
- if (!Numerical.isZero(cross)) {
- var dx = p1x - p2x,
- dy = p1y - p2y,
- u1 = (v2x * dy - v2y * dx) / cross,
- u2 = (v1x * dy - v1y * dx) / cross,
- epsilon = 1e-12,
- uMin = -epsilon,
- uMax = 1 + epsilon;
- if (isInfinite
- || uMin < u1 && u1 < uMax && uMin < u2 && u2 < uMax) {
- if (!isInfinite) {
- u1 = u1 <= 0 ? 0 : u1 >= 1 ? 1 : u1;
- }
- return new Point(
- p1x + u1 * v1x,
- p1y + u1 * v1y);
- }
- }
- },
- getSide: function(px, py, vx, vy, x, y, asVector, isInfinite) {
- if (!asVector) {
- vx -= px;
- vy -= py;
- }
- var v2x = x - px,
- v2y = y - py,
- ccw = v2x * vy - v2y * vx;
- if (!isInfinite && Numerical.isZero(ccw)) {
- ccw = (v2x * vx + v2x * vx) / (vx * vx + vy * vy);
- if (ccw >= 0 && ccw <= 1)
- ccw = 0;
- }
- return ccw < 0 ? -1 : ccw > 0 ? 1 : 0;
- },
- getSignedDistance: function(px, py, vx, vy, x, y, asVector) {
- if (!asVector) {
- vx -= px;
- vy -= py;
- }
- return vx === 0 ? vy > 0 ? x - px : px - x
- : vy === 0 ? vx < 0 ? y - py : py - y
- : ((x-px) * vy - (y-py) * vx) / Math.sqrt(vx * vx + vy * vy);
- },
- getDistance: function(px, py, vx, vy, x, y, asVector) {
- return Math.abs(
- Line.getSignedDistance(px, py, vx, vy, x, y, asVector));
- }
- }
- });
- var Project = PaperScopeItem.extend({
- _class: 'Project',
- _list: 'projects',
- _reference: 'project',
- _compactSerialize: true,
- initialize: function Project(element) {
- PaperScopeItem.call(this, true);
- this._children = [];
- this._namedChildren = {};
- this._activeLayer = null;
- this._currentStyle = new Style(null, null, this);
- this._view = View.create(this,
- element || CanvasProvider.getCanvas(1, 1));
- this._selectionItems = {};
- this._selectionCount = 0;
- this._updateVersion = 0;
- },
- _serialize: function(options, dictionary) {
- return Base.serialize(this._children, options, true, dictionary);
- },
- _changed: function(flags, item) {
- if (flags & 1) {
- var view = this._view;
- if (view) {
- view._needsUpdate = true;
- if (!view._requested && view._autoUpdate)
- view.requestUpdate();
- }
- }
- var changes = this._changes;
- if (changes && item) {
- var changesById = this._changesById,
- id = item._id,
- entry = changesById[id];
- if (entry) {
- entry.flags |= flags;
- } else {
- changes.push(changesById[id] = { item: item, flags: flags });
- }
- }
- },
- clear: function() {
- var children = this._children;
- for (var i = children.length - 1; i >= 0; i--)
- children[i].remove();
- },
- isEmpty: function() {
- return !this._children.length;
- },
- remove: function remove() {
- if (!remove.base.call(this))
- return false;
- if (this._view)
- this._view.remove();
- return true;
- },
- getView: function() {
- return this._view;
- },
- getCurrentStyle: function() {
- return this._currentStyle;
- },
- setCurrentStyle: function(style) {
- this._currentStyle.set(style);
- },
- getIndex: function() {
- return this._index;
- },
- getOptions: function() {
- return this._scope.settings;
- },
- getLayers: function() {
- return this._children;
- },
- getActiveLayer: function() {
- return this._activeLayer || new Layer({ project: this, insert: true });
- },
- getSymbolDefinitions: function() {
- var definitions = [],
- ids = {};
- this.getItems({
- class: SymbolItem,
- match: function(item) {
- var definition = item._definition,
- id = definition._id;
- if (!ids[id]) {
- ids[id] = true;
- definitions.push(definition);
- }
- return false;
- }
- });
- return definitions;
- },
- getSymbols: 'getSymbolDefinitions',
- getSelectedItems: function() {
- var selectionItems = this._selectionItems,
- items = [];
- for (var id in selectionItems) {
- var item = selectionItems[id],
- selection = item._selection;
- if ((selection & 1) && item.isInserted()) {
- items.push(item);
- } else if (!selection) {
- this._updateSelection(item);
- }
- }
- return items;
- },
- _updateSelection: function(item) {
- var id = item._id,
- selectionItems = this._selectionItems;
- if (item._selection) {
- if (selectionItems[id] !== item) {
- this._selectionCount++;
- selectionItems[id] = item;
- }
- } else if (selectionItems[id] === item) {
- this._selectionCount--;
- delete selectionItems[id];
- }
- },
- selectAll: function() {
- var children = this._children;
- for (var i = 0, l = children.length; i < l; i++)
- children[i].setFullySelected(true);
- },
- deselectAll: function() {
- var selectionItems = this._selectionItems;
- for (var i in selectionItems)
- selectionItems[i].setFullySelected(false);
- },
- addLayer: function(layer) {
- return this.insertLayer(undefined, layer);
- },
- insertLayer: function(index, layer) {
- if (layer instanceof Layer) {
- layer._remove(false, true);
- Base.splice(this._children, [layer], index, 0);
- layer._setProject(this, true);
- var name = layer._name;
- if (name)
- layer.setName(name);
- if (this._changes)
- layer._changed(5);
- if (!this._activeLayer)
- this._activeLayer = layer;
- } else {
- layer = null;
- }
- return layer;
- },
- _insertItem: function(index, item, _created) {
- item = this.insertLayer(index, item)
- || (this._activeLayer || this._insertItem(undefined,
- new Layer(Item.NO_INSERT), true))
- .insertChild(index, item);
- if (_created && item.activate)
- item.activate();
- return item;
- },
- getItems: function(options) {
- return Item._getItems(this, options);
- },
- getItem: function(options) {
- return Item._getItems(this, options, null, null, true)[0] || null;
- },
- importJSON: function(json) {
- this.activate();
- var layer = this._activeLayer;
- return Base.importJSON(json, layer && layer.isEmpty() && layer);
- },
- removeOn: function(type) {
- var sets = this._removeSets;
- if (sets) {
- if (type === 'mouseup')
- sets.mousedrag = null;
- var set = sets[type];
- if (set) {
- for (var id in set) {
- var item = set[id];
- for (var key in sets) {
- var other = sets[key];
- if (other && other != set)
- delete other[item._id];
- }
- item.remove();
- }
- sets[type] = null;
- }
- }
- },
- draw: function(ctx, matrix, pixelRatio) {
- this._updateVersion++;
- ctx.save();
- matrix.applyToContext(ctx);
- var children = this._children,
- param = new Base({
- offset: new Point(0, 0),
- pixelRatio: pixelRatio,
- viewMatrix: matrix.isIdentity() ? null : matrix,
- matrices: [new Matrix()],
- updateMatrix: true
- });
- for (var i = 0, l = children.length; i < l; i++) {
- children[i].draw(ctx, param);
- }
- ctx.restore();
- if (this._selectionCount > 0) {
- ctx.save();
- ctx.strokeWidth = 1;
- var items = this._selectionItems,
- size = this._scope.settings.handleSize,
- version = this._updateVersion;
- for (var id in items) {
- items[id]._drawSelection(ctx, matrix, size, items, version);
- }
- ctx.restore();
- }
- }
- });
- var Item = Base.extend(Emitter, {
- statics: {
- extend: function extend(src) {
- if (src._serializeFields)
- src._serializeFields = Base.set({},
- this.prototype._serializeFields, src._serializeFields);
- return extend.base.apply(this, arguments);
- },
- NO_INSERT: { insert: false }
- },
- _class: 'Item',
- _name: null,
- _applyMatrix: true,
- _canApplyMatrix: true,
- _canScaleStroke: false,
- _pivot: null,
- _visible: true,
- _blendMode: 'normal',
- _opacity: 1,
- _locked: false,
- _guide: false,
- _clipMask: false,
- _selection: 0,
- _selectBounds: true,
- _selectChildren: false,
- _serializeFields: {
- name: null,
- applyMatrix: null,
- matrix: new Matrix(),
- pivot: null,
- visible: true,
- blendMode: 'normal',
- opacity: 1,
- locked: false,
- guide: false,
- clipMask: false,
- selected: false,
- data: {}
- },
- _prioritize: ['applyMatrix']
- },
- new function() {
- var handlers = ['onMouseDown', 'onMouseUp', 'onMouseDrag', 'onClick',
- 'onDoubleClick', 'onMouseMove', 'onMouseEnter', 'onMouseLeave'];
- return Base.each(handlers,
- function(name) {
- this._events[name] = {
- install: function(type) {
- this.getView()._countItemEvent(type, 1);
- },
- uninstall: function(type) {
- this.getView()._countItemEvent(type, -1);
- }
- };
- }, {
- _events: {
- onFrame: {
- install: function() {
- this.getView()._animateItem(this, true);
- },
- uninstall: function() {
- this.getView()._animateItem(this, false);
- }
- },
- onLoad: {},
- onError: {}
- },
- statics: {
- _itemHandlers: handlers
- }
- }
- );
- }, {
- initialize: function Item() {
- },
- _initialize: function(props, point) {
- var hasProps = props && Base.isPlainObject(props),
- internal = hasProps && props.internal === true,
- matrix = this._matrix = new Matrix(),
- project = hasProps && props.project || paper.project,
- settings = paper.settings;
- this._id = internal ? null : UID.get();
- this._parent = this._index = null;
- this._applyMatrix = this._canApplyMatrix && settings.applyMatrix;
- if (point)
- matrix.translate(point);
- matrix._owner = this;
- this._style = new Style(project._currentStyle, this, project);
- if (internal || hasProps && props.insert == false
- || !settings.insertItems && !(hasProps && props.insert === true)) {
- this._setProject(project);
- } else {
- (hasProps && props.parent || project)
- ._insertItem(undefined, this, true);
- }
- if (hasProps && props !== Item.NO_INSERT) {
- this.set(props, {
- internal: true, insert: true, project: true, parent: true
- });
- }
- return hasProps;
- },
- _serialize: function(options, dictionary) {
- var props = {},
- that = this;
- function serialize(fields) {
- for (var key in fields) {
- var value = that[key];
- if (!Base.equals(value, key === 'leading'
- ? fields.fontSize * 1.2 : fields[key])) {
- props[key] = Base.serialize(value, options,
- key !== 'data', dictionary);
- }
- }
- }
- serialize(this._serializeFields);
- if (!(this instanceof Group))
- serialize(this._style._defaults);
- return [ this._class, props ];
- },
- _changed: function(flags) {
- var symbol = this._symbol,
- cacheParent = this._parent || symbol,
- project = this._project;
- if (flags & 8) {
- this._bounds = this._position = this._decomposed =
- this._globalMatrix = undefined;
- }
- if (cacheParent
- && (flags & 40)) {
- Item._clearBoundsCache(cacheParent);
- }
- if (flags & 2) {
- Item._clearBoundsCache(this);
- }
- if (project)
- project._changed(flags, this);
- if (symbol)
- symbol._changed(flags);
- },
- getId: function() {
- return this._id;
- },
- getName: function() {
- return this._name;
- },
- setName: function(name) {
- if (this._name)
- this._removeNamed();
- if (name === (+name) + '')
- throw new Error(
- 'Names consisting only of numbers are not supported.');
- var owner = this._getOwner();
- if (name && owner) {
- var children = owner._children,
- namedChildren = owner._namedChildren;
- (namedChildren[name] = namedChildren[name] || []).push(this);
- if (!(name in children))
- children[name] = this;
- }
- this._name = name || undefined;
- this._changed(128);
- },
- getStyle: function() {
- return this._style;
- },
- setStyle: function(style) {
- this.getStyle().set(style);
- }
- }, Base.each(['locked', 'visible', 'blendMode', 'opacity', 'guide'],
- function(name) {
- var part = Base.capitalize(name),
- key = '_' + name,
- flags = {
- locked: 128,
- visible: 137
- };
- this['get' + part] = function() {
- return this[key];
- };
- this['set' + part] = function(value) {
- if (value != this[key]) {
- this[key] = value;
- this._changed(flags[name] || 129);
- }
- };
- },
- {}), {
- beans: true,
- getSelection: function() {
- return this._selection;
- },
- setSelection: function(selection) {
- if (selection !== this._selection) {
- this._selection = selection;
- var project = this._project;
- if (project) {
- project._updateSelection(this);
- this._changed(129);
- }
- }
- },
- _changeSelection: function(flag, selected) {
- var selection = this._selection;
- this.setSelection(selected ? selection | flag : selection & ~flag);
- },
- isSelected: function() {
- if (this._selectChildren) {
- var children = this._children;
- for (var i = 0, l = children.length; i < l; i++)
- if (children[i].isSelected())
- return true;
- }
- return !!(this._selection & 1);
- },
- setSelected: function(selected) {
- if (this._selectChildren) {
- var children = this._children;
- for (var i = 0, l = children.length; i < l; i++)
- children[i].setSelected(selected);
- }
- this._changeSelection(1, selected);
- },
- isFullySelected: function() {
- var children = this._children,
- selected = !!(this._selection & 1);
- if (children && selected) {
- for (var i = 0, l = children.length; i < l; i++)
- if (!children[i].isFullySelected())
- return false;
- return true;
- }
- return selected;
- },
- setFullySelected: function(selected) {
- var children = this._children;
- if (children) {
- for (var i = 0, l = children.length; i < l; i++)
- children[i].setFullySelected(selected);
- }
- this._changeSelection(1, selected);
- },
- isClipMask: function() {
- return this._clipMask;
- },
- setClipMask: function(clipMask) {
- if (this._clipMask != (clipMask = !!clipMask)) {
- this._clipMask = clipMask;
- if (clipMask) {
- this.setFillColor(null);
- this.setStrokeColor(null);
- }
- this._changed(129);
- if (this._parent)
- this._parent._changed(1024);
- }
- },
- getData: function() {
- if (!this._data)
- this._data = {};
- return this._data;
- },
- setData: function(data) {
- this._data = data;
- },
- getPosition: function(_dontLink) {
- var position = this._position,
- ctor = _dontLink ? Point : LinkedPoint;
- if (!position) {
- var pivot = this._pivot;
- position = this._position = pivot
- ? this._matrix._transformPoint(pivot)
- : this.getBounds().getCenter(true);
- }
- return new ctor(position.x, position.y, this, 'setPosition');
- },
- setPosition: function() {
- this.translate(Point.read(arguments).subtract(this.getPosition(true)));
- },
- getPivot: function() {
- var pivot = this._pivot;
- return pivot
- ? new LinkedPoint(pivot.x, pivot.y, this, 'setPivot')
- : null;
- },
- setPivot: function() {
- this._pivot = Point.read(arguments, 0, { clone: true, readNull: true });
- this._position = undefined;
- }
- }, Base.each({
- getStrokeBounds: { stroke: true },
- getHandleBounds: { handle: true },
- getInternalBounds: { internal: true }
- },
- function(options, key) {
- this[key] = function(matrix) {
- return this.getBounds(matrix, options);
- };
- },
- {
- beans: true,
- getBounds: function(matrix, options) {
- var hasMatrix = options || matrix instanceof Matrix,
- opts = Base.set({}, hasMatrix ? options : matrix,
- this._boundsOptions);
- if (!opts.stroke || this.getStrokeScaling())
- opts.cacheItem = this;
- var rect = this._getCachedBounds(hasMatrix && matrix, opts).rect;
- return !arguments.length
- ? new LinkedRectangle(rect.x, rect.y, rect.width, rect.height,
- this, 'setBounds')
- : rect;
- },
- setBounds: function() {
- var rect = Rectangle.read(arguments),
- bounds = this.getBounds(),
- _matrix = this._matrix,
- matrix = new Matrix(),
- center = rect.getCenter();
- matrix.translate(center);
- if (rect.width != bounds.width || rect.height != bounds.height) {
- if (!_matrix.isInvertible()) {
- _matrix.set(_matrix._backup
- || new Matrix().translate(_matrix.getTranslation()));
- bounds = this.getBounds();
- }
- matrix.scale(
- bounds.width !== 0 ? rect.width / bounds.width : 0,
- bounds.height !== 0 ? rect.height / bounds.height : 0);
- }
- center = bounds.getCenter();
- matrix.translate(-center.x, -center.y);
- this.transform(matrix);
- },
- _getBounds: function(matrix, options) {
- var children = this._children;
- if (!children || !children.length)
- return new Rectangle();
- Item._updateBoundsCache(this, options.cacheItem);
- return Item._getBounds(children, matrix, options);
- },
- _getBoundsCacheKey: function(options, internal) {
- return [
- options.stroke ? 1 : 0,
- options.handle ? 1 : 0,
- internal ? 1 : 0
- ].join('');
- },
- _getCachedBounds: function(matrix, options, noInternal) {
- matrix = matrix && matrix._orNullIfIdentity();
- var internal = options.internal && !noInternal,
- cacheItem = options.cacheItem,
- _matrix = internal ? null : this._matrix._orNullIfIdentity(),
- cacheKey = cacheItem && (!matrix || matrix.equals(_matrix))
- && this._getBoundsCacheKey(options, internal),
- bounds = this._bounds;
- Item._updateBoundsCache(this._parent || this._symbol, cacheItem);
- if (cacheKey && bounds && cacheKey in bounds) {
- var cached = bounds[cacheKey];
- return {
- rect: cached.rect.clone(),
- nonscaling: cached.nonscaling
- };
- }
- var res = this._getBounds(matrix || _matrix, options),
- rect = res.rect || res,
- style = this._style,
- nonscaling = res.nonscaling || style.hasStroke()
- && !style.getStrokeScaling();
- if (cacheKey) {
- if (!bounds) {
- this._bounds = bounds = {};
- }
- var cached = bounds[cacheKey] = {
- rect: rect.clone(),
- nonscaling: nonscaling,
- internal: internal
- };
- }
- return {
- rect: rect,
- nonscaling: nonscaling
- };
- },
- _getStrokeMatrix: function(matrix, options) {
- var parent = this.getStrokeScaling() ? null
- : options && options.internal ? this
- : this._parent || this._symbol && this._symbol._item,
- mx = parent ? parent.getViewMatrix().invert() : matrix;
- return mx && mx._shiftless();
- },
- statics: {
- _updateBoundsCache: function(parent, item) {
- if (parent && item) {
- var id = item._id,
- ref = parent._boundsCache = parent._boundsCache || {
- ids: {},
- list: []
- };
- if (!ref.ids[id]) {
- ref.list.push(item);
- ref.ids[id] = item;
- }
- }
- },
- _clearBoundsCache: function(item) {
- var cache = item._boundsCache;
- if (cache) {
- item._bounds = item._position = item._boundsCache = undefined;
- for (var i = 0, list = cache.list, l = list.length; i < l; i++){
- var other = list[i];
- if (other !== item) {
- other._bounds = other._position = undefined;
- if (other._boundsCache)
- Item._clearBoundsCache(other);
- }
- }
- }
- },
- _getBounds: function(items, matrix, options) {
- var x1 = Infinity,
- x2 = -x1,
- y1 = x1,
- y2 = x2,
- nonscaling = false;
- options = options || {};
- for (var i = 0, l = items.length; i < l; i++) {
- var item = items[i];
- if (item._visible && !item.isEmpty()) {
- var bounds = item._getCachedBounds(
- matrix && matrix.appended(item._matrix), options, true),
- rect = bounds.rect;
- x1 = Math.min(rect.x, x1);
- y1 = Math.min(rect.y, y1);
- x2 = Math.max(rect.x + rect.width, x2);
- y2 = Math.max(rect.y + rect.height, y2);
- if (bounds.nonscaling)
- nonscaling = true;
- }
- }
- return {
- rect: isFinite(x1)
- ? new Rectangle(x1, y1, x2 - x1, y2 - y1)
- : new Rectangle(),
- nonscaling: nonscaling
- };
- }
- }
- }), {
- beans: true,
- _decompose: function() {
- return this._applyMatrix
- ? null
- : this._decomposed || (this._decomposed = this._matrix.decompose());
- },
- getRotation: function() {
- var decomposed = this._decompose();
- return decomposed ? decomposed.rotation : 0;
- },
- setRotation: function(rotation) {
- var current = this.getRotation();
- if (current != null && rotation != null) {
- var decomposed = this._decomposed;
- this.rotate(rotation - current);
- if (decomposed) {
- decomposed.rotation = rotation;
- this._decomposed = decomposed;
- }
- }
- },
- getScaling: function() {
- var decomposed = this._decompose(),
- s = decomposed && decomposed.scaling;
- return new LinkedPoint(s ? s.x : 1, s ? s.y : 1, this, 'setScaling');
- },
- setScaling: function() {
- var current = this.getScaling(),
- scaling = Point.read(arguments, 0, { clone: true, readNull: true });
- if (current && scaling && !current.equals(scaling)) {
- var rotation = this.getRotation(),
- decomposed = this._decomposed,
- matrix = new Matrix(),
- center = this.getPosition(true);
- matrix.translate(center);
- if (rotation)
- matrix.rotate(rotation);
- matrix.scale(scaling.x / current.x, scaling.y / current.y);
- if (rotation)
- matrix.rotate(-rotation);
- matrix.translate(center.negate());
- this.transform(matrix);
- if (decomposed) {
- decomposed.scaling = scaling;
- this._decomposed = decomposed;
- }
- }
- },
- getMatrix: function() {
- return this._matrix;
- },
- setMatrix: function() {
- var matrix = this._matrix;
- matrix.initialize.apply(matrix, arguments);
- },
- getGlobalMatrix: function(_dontClone) {
- var matrix = this._globalMatrix,
- updateVersion = this._project._updateVersion;
- if (matrix && matrix._updateVersion !== updateVersion)
- matrix = null;
- if (!matrix) {
- matrix = this._globalMatrix = this._matrix.clone();
- var parent = this._parent;
- if (parent)
- matrix.prepend(parent.getGlobalMatrix(true));
- matrix._updateVersion = updateVersion;
- }
- return _dontClone ? matrix : matrix.clone();
- },
- getViewMatrix: function() {
- return this.getGlobalMatrix().prepend(this.getView()._matrix);
- },
- getApplyMatrix: function() {
- return this._applyMatrix;
- },
- setApplyMatrix: function(apply) {
- if (this._applyMatrix = this._canApplyMatrix && !!apply)
- this.transform(null, true);
- },
- getTransformContent: '#getApplyMatrix',
- setTransformContent: '#setApplyMatrix',
- }, {
- getProject: function() {
- return this._project;
- },
- _setProject: function(project, installEvents) {
- if (this._project !== project) {
- if (this._project)
- this._installEvents(false);
- this._project = project;
- var children = this._children;
- for (var i = 0, l = children && children.length; i < l; i++)
- children[i]._setProject(project);
- installEvents = true;
- }
- if (installEvents)
- this._installEvents(true);
- },
- getView: function() {
- return this._project._view;
- },
- _installEvents: function _installEvents(install) {
- _installEvents.base.call(this, install);
- var children = this._children;
- for (var i = 0, l = children && children.length; i < l; i++)
- children[i]._installEvents(install);
- },
- getLayer: function() {
- var parent = this;
- while (parent = parent._parent) {
- if (parent instanceof Layer)
- return parent;
- }
- return null;
- },
- getParent: function() {
- return this._parent;
- },
- setParent: function(item) {
- return item.addChild(this);
- },
- _getOwner: '#getParent',
- getChildren: function() {
- return this._children;
- },
- setChildren: function(items) {
- this.removeChildren();
- this.addChildren(items);
- },
- getFirstChild: function() {
- return this._children && this._children[0] || null;
- },
- getLastChild: function() {
- return this._children && this._children[this._children.length - 1]
- || null;
- },
- getNextSibling: function() {
- var owner = this._getOwner();
- return owner && owner._children[this._index + 1] || null;
- },
- getPreviousSibling: function() {
- var owner = this._getOwner();
- return owner && owner._children[this._index - 1] || null;
- },
- getIndex: function() {
- return this._index;
- },
- equals: function(item) {
- return item === this || item && this._class === item._class
- && this._style.equals(item._style)
- && this._matrix.equals(item._matrix)
- && this._locked === item._locked
- && this._visible === item._visible
- && this._blendMode === item._blendMode
- && this._opacity === item._opacity
- && this._clipMask === item._clipMask
- && this._guide === item._guide
- && this._equals(item)
- || false;
- },
- _equals: function(item) {
- return Base.equals(this._children, item._children);
- },
- clone: function(options) {
- var copy = new this.constructor(Item.NO_INSERT),
- children = this._children,
- insert = Base.pick(options ? options.insert : undefined,
- options === undefined || options === true),
- deep = Base.pick(options ? options.deep : undefined, true);
- if (children)
- copy.copyAttributes(this);
- if (!children || deep)
- copy.copyContent(this);
- if (!children)
- copy.copyAttributes(this);
- if (insert)
- copy.insertAbove(this);
- var name = this._name,
- parent = this._parent;
- if (name && parent) {
- var children = parent._children,
- orig = name,
- i = 1;
- while (children[name])
- name = orig + ' ' + (i++);
- if (name !== orig)
- copy.setName(name);
- }
- return copy;
- },
- copyContent: function(source) {
- var children = source._children;
- for (var i = 0, l = children && children.length; i < l; i++) {
- this.addChild(children[i].clone(false), true);
- }
- },
- copyAttributes: function(source, excludeMatrix) {
- this.setStyle(source._style);
- var keys = ['_locked', '_visible', '_blendMode', '_opacity',
- '_clipMask', '_guide'];
- for (var i = 0, l = keys.length; i < l; i++) {
- var key = keys[i];
- if (source.hasOwnProperty(key))
- this[key] = source[key];
- }
- if (!excludeMatrix)
- this._matrix.set(source._matrix, true);
- this.setApplyMatrix(source._applyMatrix);
- this.setPivot(source._pivot);
- this.setSelection(source._selection);
- var data = source._data,
- name = source._name;
- this._data = data ? Base.clone(data) : null;
- if (name)
- this.setName(name);
- },
- rasterize: function(resolution, insert) {
- var bounds = this.getStrokeBounds(),
- scale = (resolution || this.getView().getResolution()) / 72,
- topLeft = bounds.getTopLeft().floor(),
- bottomRight = bounds.getBottomRight().ceil(),
- size = new Size(bottomRight.subtract(topLeft)),
- raster = new Raster(Item.NO_INSERT);
- if (!size.isZero()) {
- var canvas = CanvasProvider.getCanvas(size.multiply(scale)),
- ctx = canvas.getContext('2d'),
- matrix = new Matrix().scale(scale).translate(topLeft.negate());
- ctx.save();
- matrix.applyToContext(ctx);
- this.draw(ctx, new Base({ matrices: [matrix] }));
- ctx.restore();
- raster.setCanvas(canvas);
- }
- raster.transform(new Matrix().translate(topLeft.add(size.divide(2)))
- .scale(1 / scale));
- if (insert === undefined || insert)
- raster.insertAbove(this);
- return raster;
- },
- contains: function() {
- return !!this._contains(
- this._matrix._inverseTransform(Point.read(arguments)));
- },
- _contains: function(point) {
- var children = this._children;
- if (children) {
- for (var i = children.length - 1; i >= 0; i--) {
- if (children[i].contains(point))
- return true;
- }
- return false;
- }
- return point.isInside(this.getInternalBounds());
- },
- isInside: function() {
- return Rectangle.read(arguments).contains(this.getBounds());
- },
- _asPathItem: function() {
- return new Path.Rectangle({
- rectangle: this.getInternalBounds(),
- matrix: this._matrix,
- insert: false,
- });
- },
- intersects: function(item, _matrix) {
- if (!(item instanceof Item))
- return false;
- return this._asPathItem().getIntersections(item._asPathItem(), null,
- _matrix, true).length > 0;
- }
- },
- new function() {
- function hitTest() {
- return this._hitTest(
- Point.read(arguments),
- HitResult.getOptions(arguments));
- }
- function hitTestAll() {
- var point = Point.read(arguments),
- options = HitResult.getOptions(arguments),
- all = [];
- this._hitTest(point, Base.set({ all: all }, options));
- return all;
- }
- function hitTestChildren(point, options, viewMatrix, _exclude) {
- var children = this._children;
- if (children) {
- for (var i = children.length - 1; i >= 0; i--) {
- var child = children[i];
- var res = child !== _exclude && child._hitTest(point, options,
- viewMatrix);
- if (res && !options.all)
- return res;
- }
- }
- return null;
- }
- Project.inject({
- hitTest: hitTest,
- hitTestAll: hitTestAll,
- _hitTest: hitTestChildren
- });
- return {
- hitTest: hitTest,
- hitTestAll: hitTestAll,
- _hitTestChildren: hitTestChildren,
- };
- }, {
- _hitTest: function(point, options, parentViewMatrix) {
- if (this._locked || !this._visible || this._guide && !options.guides
- || this.isEmpty()) {
- return null;
- }
- var matrix = this._matrix,
- viewMatrix = parentViewMatrix
- ? parentViewMatrix.appended(matrix)
- : this.getGlobalMatrix().prepend(this.getView()._matrix),
- tolerance = Math.max(options.tolerance, 1e-12),
- tolerancePadding = options._tolerancePadding = new Size(
- Path._getStrokePadding(tolerance,
- matrix._shiftless().invert()));
- point = matrix._inverseTransform(point);
- if (!point || !this._children &&
- !this.getBounds({ internal: true, stroke: true, handle: true })
- .expand(tolerancePadding.multiply(2))._containsPoint(point)) {
- return null;
- }
- var checkSelf = !(options.guides && !this._guide
- || options.selected && !this.isSelected()
- || options.type && options.type !== Base.hyphenate(this._class)
- || options.class && !(this instanceof options.class)),
- match = options.match,
- that = this,
- bounds,
- res;
- function filter(hit) {
- if (hit && match && !match(hit))
- hit = null;
- if (hit && options.all)
- options.all.push(hit);
- return hit;
- }
- function checkPoint(type, part) {
- var pt = part ? bounds['get' + part]() : that.getPosition();
- if (point.subtract(pt).divide(tolerancePadding).length <= 1) {
- return new HitResult(type, that, {
- name: part ? Base.hyphenate(part) : type,
- point: pt
- });
- }
- }
- var checkPosition = options.position,
- checkCenter = options.center,
- checkBounds = options.bounds;
- if (checkSelf && this._parent
- && (checkPosition || checkCenter || checkBounds)) {
- if (checkCenter || checkBounds) {
- bounds = this.getInternalBounds();
- }
- res = checkPosition && checkPoint('position') ||
- checkCenter && checkPoint('center', 'Center');
- if (!res && checkBounds) {
- var points = [
- 'TopLeft', 'TopRight', 'BottomLeft', 'BottomRight',
- 'LeftCenter', 'TopCenter', 'RightCenter', 'BottomCenter'
- ];
- for (var i = 0; i < 8 && !res; i++) {
- res = checkPoint('bounds', points[i]);
- }
- }
- res = filter(res);
- }
- if (!res) {
- res = this._hitTestChildren(point, options, viewMatrix)
- || checkSelf
- && filter(this._hitTestSelf(point, options, viewMatrix,
- this.getStrokeScaling() ? null
- : viewMatrix._shiftless().invert()))
- || null;
- }
- if (res && res.point) {
- res.point = matrix.transform(res.point);
- }
- return res;
- },
- _hitTestSelf: function(point, options) {
- if (options.fill && this.hasFill() && this._contains(point))
- return new HitResult('fill', this);
- },
- matches: function(name, compare) {
- function matchObject(obj1, obj2) {
- for (var i in obj1) {
- if (obj1.hasOwnProperty(i)) {
- var val1 = obj1[i],
- val2 = obj2[i];
- if (Base.isPlainObject(val1) && Base.isPlainObject(val2)) {
- if (!matchObject(val1, val2))
- return false;
- } else if (!Base.equals(val1, val2)) {
- return false;
- }
- }
- }
- return true;
- }
- var type = typeof name;
- if (type === 'object') {
- for (var key in name) {
- if (name.hasOwnProperty(key) && !this.matches(key, name[key]))
- return false;
- }
- return true;
- } else if (type === 'function') {
- return name(this);
- } else if (name === 'match') {
- return compare(this);
- } else {
- var value = /^(empty|editable)$/.test(name)
- ? this['is' + Base.capitalize(name)]()
- : name === 'type'
- ? Base.hyphenate(this._class)
- : this[name];
- if (name === 'class') {
- if (typeof compare === 'function')
- return this instanceof compare;
- value = this._class;
- }
- if (typeof compare === 'function') {
- return !!compare(value);
- } else if (compare) {
- if (compare.test) {
- return compare.test(value);
- } else if (Base.isPlainObject(compare)) {
- return matchObject(compare, value);
- }
- }
- return Base.equals(value, compare);
- }
- },
- getItems: function(options) {
- return Item._getItems(this, options, this._matrix);
- },
- getItem: function(options) {
- return Item._getItems(this, options, this._matrix, null, true)[0]
- || null;
- },
- statics: {
- _getItems: function _getItems(item, options, matrix, param, firstOnly) {
- if (!param) {
- var obj = typeof options === 'object' && options,
- overlapping = obj && obj.overlapping,
- inside = obj && obj.inside,
- bounds = overlapping || inside,
- rect = bounds && Rectangle.read([bounds]);
- param = {
- items: [],
- recursive: obj && obj.recursive !== false,
- inside: !!inside,
- overlapping: !!overlapping,
- rect: rect,
- path: overlapping && new Path.Rectangle({
- rectangle: rect,
- insert: false
- })
- };
- if (obj) {
- options = Base.filter({}, options, {
- recursive: true, inside: true, overlapping: true
- });
- }
- }
- var children = item._children,
- items = param.items,
- rect = param.rect;
- matrix = rect && (matrix || new Matrix());
- for (var i = 0, l = children && children.length; i < l; i++) {
- var child = children[i],
- childMatrix = matrix && matrix.appended(child._matrix),
- add = true;
- if (rect) {
- var bounds = child.getBounds(childMatrix);
- if (!rect.intersects(bounds))
- continue;
- if (!(rect.contains(bounds)
- || param.overlapping && (bounds.contains(rect)
- || param.path.intersects(child, childMatrix))))
- add = false;
- }
- if (add && child.matches(options)) {
- items.push(child);
- if (firstOnly)
- break;
- }
- if (param.recursive !== false) {
- _getItems(child, options, childMatrix, param, firstOnly);
- }
- if (firstOnly && items.length > 0)
- break;
- }
- return items;
- }
- }
- }, {
- importJSON: function(json) {
- var res = Base.importJSON(json, this);
- return res !== this ? this.addChild(res) : res;
- },
- addChild: function(item) {
- return this.insertChild(undefined, item);
- },
- insertChild: function(index, item) {
- var res = item ? this.insertChildren(index, [item]) : null;
- return res && res[0];
- },
- addChildren: function(items) {
- return this.insertChildren(this._children.length, items);
- },
- insertChildren: function(index, items) {
- var children = this._children;
- if (children && items && items.length > 0) {
- items = Base.slice(items);
- var inserted = {};
- for (var i = items.length - 1; i >= 0; i--) {
- var item = items[i],
- id = item && item._id;
- if (!item || inserted[id]) {
- items.splice(i, 1);
- } else {
- item._remove(false, true);
- inserted[id] = true;
- }
- }
- Base.splice(children, items, index, 0);
- var project = this._project,
- notifySelf = project._changes;
- for (var i = 0, l = items.length; i < l; i++) {
- var item = items[i],
- name = item._name;
- item._parent = this;
- item._setProject(project, true);
- if (name)
- item.setName(name);
- if (notifySelf)
- item._changed(5);
- }
- this._changed(11);
- } else {
- items = null;
- }
- return items;
- },
- _insertItem: '#insertChild',
- _insertAt: function(item, offset) {
- var owner = item && item._getOwner(),
- res = item !== this && owner ? this : null;
- if (res) {
- res._remove(false, true);
- owner._insertItem(item._index + offset, res);
- }
- return res;
- },
- insertAbove: function(item) {
- return this._insertAt(item, 1);
- },
- insertBelow: function(item) {
- return this._insertAt(item, 0);
- },
- sendToBack: function() {
- var owner = this._getOwner();
- return owner ? owner._insertItem(0, this) : null;
- },
- bringToFront: function() {
- var owner = this._getOwner();
- return owner ? owner._insertItem(undefined, this) : null;
- },
- appendTop: '#addChild',
- appendBottom: function(item) {
- return this.insertChild(0, item);
- },
- moveAbove: '#insertAbove',
- moveBelow: '#insertBelow',
- addTo: function(owner) {
- return owner._insertItem(undefined, this);
- },
- copyTo: function(owner) {
- return this.clone(false).addTo(owner);
- },
- reduce: function(options) {
- var children = this._children;
- if (children && children.length === 1) {
- var child = children[0].reduce(options);
- if (this._parent) {
- child.insertAbove(this);
- this.remove();
- } else {
- child.remove();
- }
- return child;
- }
- return this;
- },
- _removeNamed: function() {
- var owner = this._getOwner();
- if (owner) {
- var children = owner._children,
- namedChildren = owner._namedChildren,
- name = this._name,
- namedArray = namedChildren[name],
- index = namedArray ? namedArray.indexOf(this) : -1;
- if (index !== -1) {
- if (children[name] == this)
- delete children[name];
- namedArray.splice(index, 1);
- if (namedArray.length) {
- children[name] = namedArray[0];
- } else {
- delete namedChildren[name];
- }
- }
- }
- },
- _remove: function(notifySelf, notifyParent) {
- var owner = this._getOwner(),
- project = this._project,
- index = this._index;
- if (owner) {
- if (this._name)
- this._removeNamed();
- if (index != null) {
- if (project._activeLayer === this)
- project._activeLayer = this.getNextSibling()
- || this.getPreviousSibling();
- Base.splice(owner._children, null, index, 1);
- }
- this._installEvents(false);
- if (notifySelf && project._changes)
- this._changed(5);
- if (notifyParent)
- owner._changed(11, this);
- this._parent = null;
- return true;
- }
- return false;
- },
- remove: function() {
- return this._remove(true, true);
- },
- replaceWith: function(item) {
- var ok = item && item.insertBelow(this);
- if (ok)
- this.remove();
- return ok;
- },
- removeChildren: function(start, end) {
- if (!this._children)
- return null;
- start = start || 0;
- end = Base.pick(end, this._children.length);
- var removed = Base.splice(this._children, null, start, end - start);
- for (var i = removed.length - 1; i >= 0; i--) {
- removed[i]._remove(true, false);
- }
- if (removed.length > 0)
- this._changed(11);
- return removed;
- },
- clear: '#removeChildren',
- reverseChildren: function() {
- if (this._children) {
- this._children.reverse();
- for (var i = 0, l = this._children.length; i < l; i++)
- this._children[i]._index = i;
- this._changed(11);
- }
- },
- isEmpty: function() {
- var children = this._children;
- return !children || !children.length;
- },
- isEditable: function() {
- var item = this;
- while (item) {
- if (!item._visible || item._locked)
- return false;
- item = item._parent;
- }
- return true;
- },
- hasFill: function() {
- return this.getStyle().hasFill();
- },
- hasStroke: function() {
- return this.getStyle().hasStroke();
- },
- hasShadow: function() {
- return this.getStyle().hasShadow();
- },
- _getOrder: function(item) {
- function getList(item) {
- var list = [];
- do {
- list.unshift(item);
- } while (item = item._parent);
- return list;
- }
- var list1 = getList(this),
- list2 = getList(item);
- for (var i = 0, l = Math.min(list1.length, list2.length); i < l; i++) {
- if (list1[i] != list2[i]) {
- return list1[i]._index < list2[i]._index ? 1 : -1;
- }
- }
- return 0;
- },
- hasChildren: function() {
- return this._children && this._children.length > 0;
- },
- isInserted: function() {
- return this._parent ? this._parent.isInserted() : false;
- },
- isAbove: function(item) {
- return this._getOrder(item) === -1;
- },
- isBelow: function(item) {
- return this._getOrder(item) === 1;
- },
- isParent: function(item) {
- return this._parent === item;
- },
- isChild: function(item) {
- return item && item._parent === this;
- },
- isDescendant: function(item) {
- var parent = this;
- while (parent = parent._parent) {
- if (parent === item)
- return true;
- }
- return false;
- },
- isAncestor: function(item) {
- return item ? item.isDescendant(this) : false;
- },
- isSibling: function(item) {
- return this._parent === item._parent;
- },
- isGroupedWith: function(item) {
- var parent = this._parent;
- while (parent) {
- if (parent._parent
- && /^(Group|Layer|CompoundPath)$/.test(parent._class)
- && item.isDescendant(parent))
- return true;
- parent = parent._parent;
- }
- return false;
- },
- }, Base.each(['rotate', 'scale', 'shear', 'skew'], function(key) {
- var rotate = key === 'rotate';
- this[key] = function() {
- var value = (rotate ? Base : Point).read(arguments),
- center = Point.read(arguments, 0, { readNull: true });
- return this.transform(new Matrix()[key](value,
- center || this.getPosition(true)));
- };
- }, {
- translate: function() {
- var mx = new Matrix();
- return this.transform(mx.translate.apply(mx, arguments));
- },
- transform: function(matrix, _applyMatrix, _applyRecursively,
- _setApplyMatrix) {
- var _matrix = this._matrix,
- transform = matrix && !matrix.isIdentity(),
- applyMatrix = (_applyMatrix || this._applyMatrix)
- && ((!_matrix.isIdentity() || transform)
- || _applyMatrix && _applyRecursively && this._children);
- if (!transform && !applyMatrix)
- return this;
- if (transform) {
- if (!matrix.isInvertible() && _matrix.isInvertible())
- _matrix._backup = _matrix.getValues();
- _matrix.prepend(matrix, true);
- var style = this._style,
- fillColor = style.getFillColor(true),
- strokeColor = style.getStrokeColor(true);
- if (fillColor)
- fillColor.transform(matrix);
- if (strokeColor)
- strokeColor.transform(matrix);
- }
- if (applyMatrix && (applyMatrix = this._transformContent(_matrix,
- _applyRecursively, _setApplyMatrix))) {
- var pivot = this._pivot;
- if (pivot)
- _matrix._transformPoint(pivot, pivot, true);
- _matrix.reset(true);
- if (_setApplyMatrix && this._canApplyMatrix)
- this._applyMatrix = true;
- }
- var bounds = this._bounds,
- position = this._position;
- if (transform || applyMatrix) {
- this._changed(9);
- }
- var decomp = transform && bounds && matrix.decompose();
- if (decomp && decomp.skewing.isZero() && decomp.rotation % 90 === 0) {
- for (var key in bounds) {
- var cache = bounds[key];
- if (cache.nonscaling) {
- delete bounds[key];
- } else if (applyMatrix || !cache.internal) {
- var rect = cache.rect;
- matrix._transformBounds(rect, rect);
- }
- }
- this._bounds = bounds;
- var cached = bounds[this._getBoundsCacheKey(
- this._boundsOptions || {})];
- if (cached) {
- this._position = cached.rect.getCenter(true);
- }
- } else if (transform && position && this._pivot) {
- this._position = matrix._transformPoint(position, position);
- }
- return this;
- },
- _transformContent: function(matrix, applyRecursively, setApplyMatrix) {
- var children = this._children;
- if (children) {
- for (var i = 0, l = children.length; i < l; i++)
- children[i].transform(matrix, true, applyRecursively,
- setApplyMatrix);
- return true;
- }
- },
- globalToLocal: function() {
- return this.getGlobalMatrix(true)._inverseTransform(
- Point.read(arguments));
- },
- localToGlobal: function() {
- return this.getGlobalMatrix(true)._transformPoint(
- Point.read(arguments));
- },
- parentToLocal: function() {
- return this._matrix._inverseTransform(Point.read(arguments));
- },
- localToParent: function() {
- return this._matrix._transformPoint(Point.read(arguments));
- },
- fitBounds: function(rectangle, fill) {
- rectangle = Rectangle.read(arguments);
- var bounds = this.getBounds(),
- itemRatio = bounds.height / bounds.width,
- rectRatio = rectangle.height / rectangle.width,
- scale = (fill ? itemRatio > rectRatio : itemRatio < rectRatio)
- ? rectangle.width / bounds.width
- : rectangle.height / bounds.height,
- newBounds = new Rectangle(new Point(),
- new Size(bounds.width * scale, bounds.height * scale));
- newBounds.setCenter(rectangle.getCenter());
- this.setBounds(newBounds);
- }
- }), {
- _setStyles: function(ctx, param, viewMatrix) {
- var style = this._style,
- matrix = this._matrix;
- if (style.hasFill()) {
- ctx.fillStyle = style.getFillColor().toCanvasStyle(ctx, matrix);
- }
- if (style.hasStroke()) {
- ctx.strokeStyle = style.getStrokeColor().toCanvasStyle(ctx, matrix);
- ctx.lineWidth = style.getStrokeWidth();
- var strokeJoin = style.getStrokeJoin(),
- strokeCap = style.getStrokeCap(),
- miterLimit = style.getMiterLimit();
- if (strokeJoin)
- ctx.lineJoin = strokeJoin;
- if (strokeCap)
- ctx.lineCap = strokeCap;
- if (miterLimit)
- ctx.miterLimit = miterLimit;
- if (paper.support.nativeDash) {
- var dashArray = style.getDashArray(),
- dashOffset = style.getDashOffset();
- if (dashArray && dashArray.length) {
- if ('setLineDash' in ctx) {
- ctx.setLineDash(dashArray);
- ctx.lineDashOffset = dashOffset;
- } else {
- ctx.mozDash = dashArray;
- ctx.mozDashOffset = dashOffset;
- }
- }
- }
- }
- if (style.hasShadow()) {
- var pixelRatio = param.pixelRatio || 1,
- mx = viewMatrix._shiftless().prepend(
- new Matrix().scale(pixelRatio, pixelRatio)),
- blur = mx.transform(new Point(style.getShadowBlur(), 0)),
- offset = mx.transform(this.getShadowOffset());
- ctx.shadowColor = style.getShadowColor().toCanvasStyle(ctx);
- ctx.shadowBlur = blur.getLength();
- ctx.shadowOffsetX = offset.x;
- ctx.shadowOffsetY = offset.y;
- }
- },
- draw: function(ctx, param, parentStrokeMatrix) {
- var updateVersion = this._updateVersion = this._project._updateVersion;
- if (!this._visible || this._opacity === 0)
- return;
- var matrices = param.matrices,
- viewMatrix = param.viewMatrix,
- matrix = this._matrix,
- globalMatrix = matrices[matrices.length - 1].appended(matrix);
- if (!globalMatrix.isInvertible())
- return;
- viewMatrix = viewMatrix ? viewMatrix.appended(globalMatrix)
- : globalMatrix;
- matrices.push(globalMatrix);
- if (param.updateMatrix) {
- globalMatrix._updateVersion = updateVersion;
- this._globalMatrix = globalMatrix;
- }
- var blendMode = this._blendMode,
- opacity = this._opacity,
- normalBlend = blendMode === 'normal',
- nativeBlend = BlendMode.nativeModes[blendMode],
- direct = normalBlend && opacity === 1
- || param.dontStart
- || param.clip
- || (nativeBlend || normalBlend && opacity < 1)
- && this._canComposite(),
- pixelRatio = param.pixelRatio || 1,
- mainCtx, itemOffset, prevOffset;
- if (!direct) {
- var bounds = this.getStrokeBounds(viewMatrix);
- if (!bounds.width || !bounds.height)
- return;
- prevOffset = param.offset;
- itemOffset = param.offset = bounds.getTopLeft().floor();
- mainCtx = ctx;
- ctx = CanvasProvider.getContext(bounds.getSize().ceil().add(1)
- .multiply(pixelRatio));
- if (pixelRatio !== 1)
- ctx.scale(pixelRatio, pixelRatio);
- }
- ctx.save();
- var strokeMatrix = parentStrokeMatrix
- ? parentStrokeMatrix.appended(matrix)
- : this._canScaleStroke && !this.getStrokeScaling(true)
- && viewMatrix,
- clip = !direct && param.clipItem,
- transform = !strokeMatrix || clip;
- if (direct) {
- ctx.globalAlpha = opacity;
- if (nativeBlend)
- ctx.globalCompositeOperation = blendMode;
- } else if (transform) {
- ctx.translate(-itemOffset.x, -itemOffset.y);
- }
- if (transform) {
- (direct ? matrix : viewMatrix).applyToContext(ctx);
- }
- if (clip) {
- param.clipItem.draw(ctx, param.extend({ clip: true }));
- }
- if (strokeMatrix) {
- ctx.setTransform(pixelRatio, 0, 0, pixelRatio, 0, 0);
- var offset = param.offset;
- if (offset)
- ctx.translate(-offset.x, -offset.y);
- }
- this._draw(ctx, param, viewMatrix, strokeMatrix);
- ctx.restore();
- matrices.pop();
- if (param.clip && !param.dontFinish)
- ctx.clip();
- if (!direct) {
- BlendMode.process(blendMode, ctx, mainCtx, opacity,
- itemOffset.subtract(prevOffset).multiply(pixelRatio));
- CanvasProvider.release(ctx);
- param.offset = prevOffset;
- }
- },
- _isUpdated: function(updateVersion) {
- var parent = this._parent;
- if (parent instanceof CompoundPath)
- return parent._isUpdated(updateVersion);
- var updated = this._updateVersion === updateVersion;
- if (!updated && parent && parent._visible
- && parent._isUpdated(updateVersion)) {
- this._updateVersion = updateVersion;
- updated = true;
- }
- return updated;
- },
- _drawSelection: function(ctx, matrix, size, selectionItems, updateVersion) {
- var selection = this._selection,
- itemSelected = selection & 1,
- boundsSelected = selection & 2
- || itemSelected && this._selectBounds,
- positionSelected = selection & 4;
- if (!this._drawSelected)
- itemSelected = false;
- if ((itemSelected || boundsSelected || positionSelected)
- && this._isUpdated(updateVersion)) {
- var layer,
- color = this.getSelectedColor(true) || (layer = this.getLayer())
- && layer.getSelectedColor(true),
- mx = matrix.appended(this.getGlobalMatrix(true)),
- half = size / 2;
- ctx.strokeStyle = ctx.fillStyle = color
- ? color.toCanvasStyle(ctx) : '#009dec';
- if (itemSelected)
- this._drawSelected(ctx, mx, selectionItems);
- if (positionSelected) {
- var point = this.getPosition(true),
- x = point.x,
- y = point.y;
- ctx.beginPath();
- ctx.arc(x, y, half, 0, Math.PI * 2, true);
- ctx.stroke();
- var deltas = [[0, -1], [1, 0], [0, 1], [-1, 0]],
- start = half,
- end = size + 1;
- for (var i = 0; i < 4; i++) {
- var delta = deltas[i],
- dx = delta[0],
- dy = delta[1];
- ctx.moveTo(x + dx * start, y + dy * start);
- ctx.lineTo(x + dx * end, y + dy * end);
- ctx.stroke();
- }
- }
- if (boundsSelected) {
- var coords = mx._transformCorners(this.getInternalBounds());
- ctx.beginPath();
- for (var i = 0; i < 8; i++) {
- ctx[!i ? 'moveTo' : 'lineTo'](coords[i], coords[++i]);
- }
- ctx.closePath();
- ctx.stroke();
- for (var i = 0; i < 8; i++) {
- ctx.fillRect(coords[i] - half, coords[++i] - half,
- size, size);
- }
- }
- }
- },
- _canComposite: function() {
- return false;
- }
- }, Base.each(['down', 'drag', 'up', 'move'], function(key) {
- this['removeOn' + Base.capitalize(key)] = function() {
- var hash = {};
- hash[key] = true;
- return this.removeOn(hash);
- };
- }, {
- removeOn: function(obj) {
- for (var name in obj) {
- if (obj[name]) {
- var key = 'mouse' + name,
- project = this._project,
- sets = project._removeSets = project._removeSets || {};
- sets[key] = sets[key] || {};
- sets[key][this._id] = this;
- }
- }
- return this;
- }
- }));
- var Group = Item.extend({
- _class: 'Group',
- _selectBounds: false,
- _selectChildren: true,
- _serializeFields: {
- children: []
- },
- initialize: function Group(arg) {
- this._children = [];
- this._namedChildren = {};
- if (!this._initialize(arg))
- this.addChildren(Array.isArray(arg) ? arg : arguments);
- },
- _changed: function _changed(flags) {
- _changed.base.call(this, flags);
- if (flags & 1026) {
- this._clipItem = undefined;
- }
- },
- _getClipItem: function() {
- var clipItem = this._clipItem;
- if (clipItem === undefined) {
- clipItem = null;
- var children = this._children;
- for (var i = 0, l = children.length; i < l; i++) {
- if (children[i]._clipMask) {
- clipItem = children[i];
- break;
- }
- }
- this._clipItem = clipItem;
- }
- return clipItem;
- },
- isClipped: function() {
- return !!this._getClipItem();
- },
- setClipped: function(clipped) {
- var child = this.getFirstChild();
- if (child)
- child.setClipMask(clipped);
- },
- _getBounds: function _getBounds(matrix, options) {
- var clipItem = this._getClipItem();
- return clipItem
- ? clipItem._getCachedBounds(
- matrix && matrix.appended(clipItem._matrix),
- Base.set({}, options, { stroke: false }))
- : _getBounds.base.call(this, matrix, options);
- },
- _hitTestChildren: function _hitTestChildren(point, options, viewMatrix) {
- var clipItem = this._getClipItem();
- return (!clipItem || clipItem.contains(point))
- && _hitTestChildren.base.call(this, point, options, viewMatrix,
- clipItem);
- },
- _draw: function(ctx, param) {
- var clip = param.clip,
- clipItem = !clip && this._getClipItem();
- param = param.extend({ clipItem: clipItem, clip: false });
- if (clip) {
- ctx.beginPath();
- param.dontStart = param.dontFinish = true;
- } else if (clipItem) {
- clipItem.draw(ctx, param.extend({ clip: true }));
- }
- var children = this._children;
- for (var i = 0, l = children.length; i < l; i++) {
- var item = children[i];
- if (item !== clipItem)
- item.draw(ctx, param);
- }
- }
- });
- var Layer = Group.extend({
- _class: 'Layer',
- initialize: function Layer() {
- Group.apply(this, arguments);
- },
- _getOwner: function() {
- return this._parent || this._index != null && this._project;
- },
- isInserted: function isInserted() {
- return this._parent ? isInserted.base.call(this) : this._index != null;
- },
- activate: function() {
- this._project._activeLayer = this;
- },
- _hitTestSelf: function() {
- }
- });
- var Shape = Item.extend({
- _class: 'Shape',
- _applyMatrix: false,
- _canApplyMatrix: false,
- _canScaleStroke: true,
- _serializeFields: {
- type: null,
- size: null,
- radius: null
- },
- initialize: function Shape(props, point) {
- this._initialize(props, point);
- },
- _equals: function(item) {
- return this._type === item._type
- && this._size.equals(item._size)
- && Base.equals(this._radius, item._radius);
- },
- copyContent: function(source) {
- this.setType(source._type);
- this.setSize(source._size);
- this.setRadius(source._radius);
- },
- getType: function() {
- return this._type;
- },
- setType: function(type) {
- this._type = type;
- },
- getShape: '#getType',
- setShape: '#setType',
- getSize: function() {
- var size = this._size;
- return new LinkedSize(size.width, size.height, this, 'setSize');
- },
- setSize: function() {
- var size = Size.read(arguments);
- if (!this._size) {
- this._size = size.clone();
- } else if (!this._size.equals(size)) {
- var type = this._type,
- width = size.width,
- height = size.height;
- if (type === 'rectangle') {
- this._radius.set(Size.min(this._radius, size.divide(2)));
- } else if (type === 'circle') {
- width = height = (width + height) / 2;
- this._radius = width / 2;
- } else if (type === 'ellipse') {
- this._radius._set(width / 2, height / 2);
- }
- this._size._set(width, height);
- this._changed(9);
- }
- },
- getRadius: function() {
- var rad = this._radius;
- return this._type === 'circle'
- ? rad
- : new LinkedSize(rad.width, rad.height, this, 'setRadius');
- },
- setRadius: function(radius) {
- var type = this._type;
- if (type === 'circle') {
- if (radius === this._radius)
- return;
- var size = radius * 2;
- this._radius = radius;
- this._size._set(size, size);
- } else {
- radius = Size.read(arguments);
- if (!this._radius) {
- this._radius = radius.clone();
- } else {
- if (this._radius.equals(radius))
- return;
- this._radius.set(radius);
- if (type === 'rectangle') {
- var size = Size.max(this._size, radius.multiply(2));
- this._size.set(size);
- } else if (type === 'ellipse') {
- this._size._set(radius.width * 2, radius.height * 2);
- }
- }
- }
- this._changed(9);
- },
- isEmpty: function() {
- return false;
- },
- toPath: function(insert) {
- var path = new Path[Base.capitalize(this._type)]({
- center: new Point(),
- size: this._size,
- radius: this._radius,
- insert: false
- });
- path.copyAttributes(this);
- if (paper.settings.applyMatrix)
- path.setApplyMatrix(true);
- if (insert === undefined || insert)
- path.insertAbove(this);
- return path;
- },
- toShape: '#clone',
- _asPathItem: function() {
- return this.toPath(false);
- },
- _draw: function(ctx, param, viewMatrix, strokeMatrix) {
- var style = this._style,
- hasFill = style.hasFill(),
- hasStroke = style.hasStroke(),
- dontPaint = param.dontFinish || param.clip,
- untransformed = !strokeMatrix;
- if (hasFill || hasStroke || dontPaint) {
- var type = this._type,
- radius = this._radius,
- isCircle = type === 'circle';
- if (!param.dontStart)
- ctx.beginPath();
- if (untransformed && isCircle) {
- ctx.arc(0, 0, radius, 0, Math.PI * 2, true);
- } else {
- var rx = isCircle ? radius : radius.width,
- ry = isCircle ? radius : radius.height,
- size = this._size,
- width = size.width,
- height = size.height;
- if (untransformed && type === 'rectangle' && rx === 0 && ry === 0) {
- ctx.rect(-width / 2, -height / 2, width, height);
- } else {
- var x = width / 2,
- y = height / 2,
- kappa = 1 - 0.5522847498307936,
- cx = rx * kappa,
- cy = ry * kappa,
- c = [
- -x, -y + ry,
- -x, -y + cy,
- -x + cx, -y,
- -x + rx, -y,
- x - rx, -y,
- x - cx, -y,
- x, -y + cy,
- x, -y + ry,
- x, y - ry,
- x, y - cy,
- x - cx, y,
- x - rx, y,
- -x + rx, y,
- -x + cx, y,
- -x, y - cy,
- -x, y - ry
- ];
- if (strokeMatrix)
- strokeMatrix.transform(c, c, 32);
- ctx.moveTo(c[0], c[1]);
- ctx.bezierCurveTo(c[2], c[3], c[4], c[5], c[6], c[7]);
- if (x !== rx)
- ctx.lineTo(c[8], c[9]);
- ctx.bezierCurveTo(c[10], c[11], c[12], c[13], c[14], c[15]);
- if (y !== ry)
- ctx.lineTo(c[16], c[17]);
- ctx.bezierCurveTo(c[18], c[19], c[20], c[21], c[22], c[23]);
- if (x !== rx)
- ctx.lineTo(c[24], c[25]);
- ctx.bezierCurveTo(c[26], c[27], c[28], c[29], c[30], c[31]);
- }
- }
- ctx.closePath();
- }
- if (!dontPaint && (hasFill || hasStroke)) {
- this._setStyles(ctx, param, viewMatrix);
- if (hasFill) {
- ctx.fill(style.getFillRule());
- ctx.shadowColor = 'rgba(0,0,0,0)';
- }
- if (hasStroke)
- ctx.stroke();
- }
- },
- _canComposite: function() {
- return !(this.hasFill() && this.hasStroke());
- },
- _getBounds: function(matrix, options) {
- var rect = new Rectangle(this._size).setCenter(0, 0),
- style = this._style,
- strokeWidth = options.stroke && style.hasStroke()
- && style.getStrokeWidth();
- if (matrix)
- rect = matrix._transformBounds(rect);
- return strokeWidth
- ? rect.expand(Path._getStrokePadding(strokeWidth,
- this._getStrokeMatrix(matrix, options)))
- : rect;
- }
- },
- new function() {
- function getCornerCenter(that, point, expand) {
- var radius = that._radius;
- if (!radius.isZero()) {
- var halfSize = that._size.divide(2);
- for (var q = 1; q <= 4; q++) {
- var dir = new Point(q > 1 && q < 4 ? -1 : 1, q > 2 ? -1 : 1),
- corner = dir.multiply(halfSize),
- center = corner.subtract(dir.multiply(radius)),
- rect = new Rectangle(
- expand ? corner.add(dir.multiply(expand)) : corner,
- center);
- if (rect.contains(point))
- return { point: center, quadrant: q };
- }
- }
- }
- function isOnEllipseStroke(point, radius, padding, quadrant) {
- var vector = point.divide(radius);
- return (!quadrant || vector.isInQuadrant(quadrant)) &&
- vector.subtract(vector.normalize()).multiply(radius)
- .divide(padding).length <= 1;
- }
- return {
- _contains: function _contains(point) {
- if (this._type === 'rectangle') {
- var center = getCornerCenter(this, point);
- return center
- ? point.subtract(center.point).divide(this._radius)
- .getLength() <= 1
- : _contains.base.call(this, point);
- } else {
- return point.divide(this.size).getLength() <= 0.5;
- }
- },
- _hitTestSelf: function _hitTestSelf(point, options, viewMatrix,
- strokeMatrix) {
- var hit = false,
- style = this._style,
- hitStroke = options.stroke && style.hasStroke(),
- hitFill = options.fill && style.hasFill();
- if (hitStroke || hitFill) {
- var type = this._type,
- radius = this._radius,
- strokeRadius = hitStroke ? style.getStrokeWidth() / 2 : 0,
- strokePadding = options._tolerancePadding.add(
- Path._getStrokePadding(strokeRadius,
- !style.getStrokeScaling() && strokeMatrix));
- if (type === 'rectangle') {
- var padding = strokePadding.multiply(2),
- center = getCornerCenter(this, point, padding);
- if (center) {
- hit = isOnEllipseStroke(point.subtract(center.point),
- radius, strokePadding, center.quadrant);
- } else {
- var rect = new Rectangle(this._size).setCenter(0, 0),
- outer = rect.expand(padding),
- inner = rect.expand(padding.negate());
- hit = outer._containsPoint(point)
- && !inner._containsPoint(point);
- }
- } else {
- hit = isOnEllipseStroke(point, radius, strokePadding);
- }
- }
- return hit ? new HitResult(hitStroke ? 'stroke' : 'fill', this)
- : _hitTestSelf.base.apply(this, arguments);
- }
- };
- }, {
- statics: new function() {
- function createShape(type, point, size, radius, args) {
- var item = new Shape(Base.getNamed(args), point);
- item._type = type;
- item._size = size;
- item._radius = radius;
- return item;
- }
- return {
- Circle: function() {
- var center = Point.readNamed(arguments, 'center'),
- radius = Base.readNamed(arguments, 'radius');
- return createShape('circle', center, new Size(radius * 2), radius,
- arguments);
- },
- Rectangle: function() {
- var rect = Rectangle.readNamed(arguments, 'rectangle'),
- radius = Size.min(Size.readNamed(arguments, 'radius'),
- rect.getSize(true).divide(2));
- return createShape('rectangle', rect.getCenter(true),
- rect.getSize(true), radius, arguments);
- },
- Ellipse: function() {
- var ellipse = Shape._readEllipse(arguments),
- radius = ellipse.radius;
- return createShape('ellipse', ellipse.center, radius.multiply(2),
- radius, arguments);
- },
- _readEllipse: function(args) {
- var center,
- radius;
- if (Base.hasNamed(args, 'radius')) {
- center = Point.readNamed(args, 'center');
- radius = Size.readNamed(args, 'radius');
- } else {
- var rect = Rectangle.readNamed(args, 'rectangle');
- center = rect.getCenter(true);
- radius = rect.getSize(true).divide(2);
- }
- return { center: center, radius: radius };
- }
- };
- }});
- var Raster = Item.extend({
- _class: 'Raster',
- _applyMatrix: false,
- _canApplyMatrix: false,
- _boundsOptions: { stroke: false, handle: false },
- _serializeFields: {
- crossOrigin: null,
- source: null
- },
- _prioritize: ['crossOrigin'],
- initialize: function Raster(object, position) {
- if (!this._initialize(object,
- position !== undefined && Point.read(arguments, 1))) {
- var image = typeof object === 'string'
- ? document.getElementById(object) : object;
- if (image) {
- this.setImage(image);
- } else {
- this.setSource(object);
- }
- }
- if (!this._size) {
- this._size = new Size();
- this._loaded = false;
- }
- },
- _equals: function(item) {
- return this.getSource() === item.getSource();
- },
- copyContent: function(source) {
- var image = source._image,
- canvas = source._canvas;
- if (image) {
- this._setImage(image);
- } else if (canvas) {
- var copyCanvas = CanvasProvider.getCanvas(source._size);
- copyCanvas.getContext('2d').drawImage(canvas, 0, 0);
- this._setImage(copyCanvas);
- }
- this._crossOrigin = source._crossOrigin;
- },
- getSize: function() {
- var size = this._size;
- return new LinkedSize(size ? size.width : 0, size ? size.height : 0,
- this, 'setSize');
- },
- setSize: function() {
- var size = Size.read(arguments);
- if (!size.equals(this._size)) {
- if (size.width > 0 && size.height > 0) {
- var element = this.getElement();
- this._setImage(CanvasProvider.getCanvas(size));
- if (element)
- this.getContext(true).drawImage(element, 0, 0,
- size.width, size.height);
- } else {
- if (this._canvas)
- CanvasProvider.release(this._canvas);
- this._size = size.clone();
- }
- }
- },
- getWidth: function() {
- return this._size ? this._size.width : 0;
- },
- setWidth: function(width) {
- this.setSize(width, this.getHeight());
- },
- getHeight: function() {
- return this._size ? this._size.height : 0;
- },
- setHeight: function(height) {
- this.setSize(this.getWidth(), height);
- },
- getLoaded: function() {
- return this._loaded;
- },
- isEmpty: function() {
- var size = this._size;
- return !size || size.width === 0 && size.height === 0;
- },
- getResolution: function() {
- var matrix = this._matrix,
- orig = new Point(0, 0).transform(matrix),
- u = new Point(1, 0).transform(matrix).subtract(orig),
- v = new Point(0, 1).transform(matrix).subtract(orig);
- return new Size(
- 72 / u.getLength(),
- 72 / v.getLength()
- );
- },
- getPpi: '#getResolution',
- getImage: function() {
- return this._image;
- },
- setImage: function(image) {
- var that = this;
- function emit(event) {
- var view = that.getView(),
- type = event && event.type || 'load';
- if (view && that.responds(type)) {
- paper = view._scope;
- that.emit(type, new Event(event));
- }
- }
- this._setImage(image);
- if (this._loaded) {
- setTimeout(emit, 0);
- } else if (image) {
- DomEvent.add(image, {
- load: function(event) {
- that._setImage(image);
- emit(event);
- },
- error: emit
- });
- }
- },
- _setImage: function(image) {
- if (this._canvas)
- CanvasProvider.release(this._canvas);
- if (image && image.getContext) {
- this._image = null;
- this._canvas = image;
- this._loaded = true;
- } else {
- this._image = image;
- this._canvas = null;
- this._loaded = !!(image && image.src && image.complete);
- }
- this._size = new Size(
- image ? image.naturalWidth || image.width : 0,
- image ? image.naturalHeight || image.height : 0);
- this._context = null;
- this._changed(521);
- },
- getCanvas: function() {
- if (!this._canvas) {
- var ctx = CanvasProvider.getContext(this._size);
- try {
- if (this._image)
- ctx.drawImage(this._image, 0, 0);
- this._canvas = ctx.canvas;
- } catch (e) {
- CanvasProvider.release(ctx);
- }
- }
- return this._canvas;
- },
- setCanvas: '#setImage',
- getContext: function(modify) {
- if (!this._context)
- this._context = this.getCanvas().getContext('2d');
- if (modify) {
- this._image = null;
- this._changed(513);
- }
- return this._context;
- },
- setContext: function(context) {
- this._context = context;
- },
- getSource: function() {
- var image = this._image;
- return image && image.src || this.toDataURL();
- },
- setSource: function(src) {
- var image = new self.Image(),
- crossOrigin = this._crossOrigin;
- if (crossOrigin)
- image.crossOrigin = crossOrigin;
- image.src = src;
- this.setImage(image);
- },
- getCrossOrigin: function() {
- var image = this._image;
- return image && image.crossOrigin || this._crossOrigin || '';
- },
- setCrossOrigin: function(crossOrigin) {
- this._crossOrigin = crossOrigin;
- var image = this._image;
- if (image)
- image.crossOrigin = crossOrigin;
- },
- getElement: function() {
- return this._canvas || this._loaded && this._image;
- }
- }, {
- beans: false,
- getSubCanvas: function() {
- var rect = Rectangle.read(arguments),
- ctx = CanvasProvider.getContext(rect.getSize());
- ctx.drawImage(this.getCanvas(), rect.x, rect.y,
- rect.width, rect.height, 0, 0, rect.width, rect.height);
- return ctx.canvas;
- },
- getSubRaster: function() {
- var rect = Rectangle.read(arguments),
- raster = new Raster(Item.NO_INSERT);
- raster._setImage(this.getSubCanvas(rect));
- raster.translate(rect.getCenter().subtract(this.getSize().divide(2)));
- raster._matrix.prepend(this._matrix);
- raster.insertAbove(this);
- return raster;
- },
- toDataURL: function() {
- var image = this._image,
- src = image && image.src;
- if (/^data:/.test(src))
- return src;
- var canvas = this.getCanvas();
- return canvas ? canvas.toDataURL.apply(canvas, arguments) : null;
- },
- drawImage: function(image ) {
- var point = Point.read(arguments, 1);
- this.getContext(true).drawImage(image, point.x, point.y);
- },
- getAverageColor: function(object) {
- var bounds, path;
- if (!object) {
- bounds = this.getBounds();
- } else if (object instanceof PathItem) {
- path = object;
- bounds = object.getBounds();
- } else if (typeof object === 'object') {
- if ('width' in object) {
- bounds = new Rectangle(object);
- } else if ('x' in object) {
- bounds = new Rectangle(object.x - 0.5, object.y - 0.5, 1, 1);
- }
- }
- if (!bounds)
- return null;
- var sampleSize = 32,
- width = Math.min(bounds.width, sampleSize),
- height = Math.min(bounds.height, sampleSize);
- var ctx = Raster._sampleContext;
- if (!ctx) {
- ctx = Raster._sampleContext = CanvasProvider.getContext(
- new Size(sampleSize));
- } else {
- ctx.clearRect(0, 0, sampleSize + 1, sampleSize + 1);
- }
- ctx.save();
- var matrix = new Matrix()
- .scale(width / bounds.width, height / bounds.height)
- .translate(-bounds.x, -bounds.y);
- matrix.applyToContext(ctx);
- if (path)
- path.draw(ctx, new Base({ clip: true, matrices: [matrix] }));
- this._matrix.applyToContext(ctx);
- var element = this.getElement(),
- size = this._size;
- if (element)
- ctx.drawImage(element, -size.width / 2, -size.height / 2);
- ctx.restore();
- var pixels = ctx.getImageData(0.5, 0.5, Math.ceil(width),
- Math.ceil(height)).data,
- channels = [0, 0, 0],
- total = 0;
- for (var i = 0, l = pixels.length; i < l; i += 4) {
- var alpha = pixels[i + 3];
- total += alpha;
- alpha /= 255;
- channels[0] += pixels[i] * alpha;
- channels[1] += pixels[i + 1] * alpha;
- channels[2] += pixels[i + 2] * alpha;
- }
- for (var i = 0; i < 3; i++)
- channels[i] /= total;
- return total ? Color.read(channels) : null;
- },
- getPixel: function() {
- var point = Point.read(arguments);
- var data = this.getContext().getImageData(point.x, point.y, 1, 1).data;
- return new Color('rgb', [data[0] / 255, data[1] / 255, data[2] / 255],
- data[3] / 255);
- },
- setPixel: function() {
- var point = Point.read(arguments),
- color = Color.read(arguments),
- components = color._convert('rgb'),
- alpha = color._alpha,
- ctx = this.getContext(true),
- imageData = ctx.createImageData(1, 1),
- data = imageData.data;
- data[0] = components[0] * 255;
- data[1] = components[1] * 255;
- data[2] = components[2] * 255;
- data[3] = alpha != null ? alpha * 255 : 255;
- ctx.putImageData(imageData, point.x, point.y);
- },
- createImageData: function() {
- var size = Size.read(arguments);
- return this.getContext().createImageData(size.width, size.height);
- },
- getImageData: function() {
- var rect = Rectangle.read(arguments);
- if (rect.isEmpty())
- rect = new Rectangle(this._size);
- return this.getContext().getImageData(rect.x, rect.y,
- rect.width, rect.height);
- },
- setImageData: function(data ) {
- var point = Point.read(arguments, 1);
- this.getContext(true).putImageData(data, point.x, point.y);
- },
- _getBounds: function(matrix, options) {
- var rect = new Rectangle(this._size).setCenter(0, 0);
- return matrix ? matrix._transformBounds(rect) : rect;
- },
- _hitTestSelf: function(point) {
- if (this._contains(point)) {
- var that = this;
- return new HitResult('pixel', that, {
- offset: point.add(that._size.divide(2)).round(),
- color: {
- get: function() {
- return that.getPixel(this.offset);
- }
- }
- });
- }
- },
- _draw: function(ctx) {
- var element = this.getElement();
- if (element) {
- ctx.globalAlpha = this._opacity;
- ctx.drawImage(element,
- -this._size.width / 2, -this._size.height / 2);
- }
- },
- _canComposite: function() {
- return true;
- }
- });
- var SymbolItem = Item.extend({
- _class: 'SymbolItem',
- _applyMatrix: false,
- _canApplyMatrix: false,
- _boundsOptions: { stroke: true },
- _serializeFields: {
- symbol: null
- },
- initialize: function SymbolItem(arg0, arg1) {
- if (!this._initialize(arg0,
- arg1 !== undefined && Point.read(arguments, 1)))
- this.setDefinition(arg0 instanceof SymbolDefinition ?
- arg0 : new SymbolDefinition(arg0));
- },
- _equals: function(item) {
- return this._definition === item._definition;
- },
- copyContent: function(source) {
- this.setDefinition(source._definition);
- },
- getDefinition: function() {
- return this._definition;
- },
- setDefinition: function(definition) {
- this._definition = definition;
- this._changed(9);
- },
- getSymbol: '#getDefinition',
- setSymbol: '#setDefinition',
- isEmpty: function() {
- return this._definition._item.isEmpty();
- },
- _getBounds: function(matrix, options) {
- var item = this._definition._item;
- return item._getCachedBounds(item._matrix.prepended(matrix), options);
- },
- _hitTestSelf: function(point, options, viewMatrix) {
- var res = this._definition._item._hitTest(point, options, viewMatrix);
- if (res)
- res.item = this;
- return res;
- },
- _draw: function(ctx, param) {
- this._definition._item.draw(ctx, param);
- }
- });
- var SymbolDefinition = Base.extend({
- _class: 'SymbolDefinition',
- initialize: function SymbolDefinition(item, dontCenter) {
- this._id = UID.get();
- this.project = paper.project;
- if (item)
- this.setItem(item, dontCenter);
- },
- _serialize: function(options, dictionary) {
- return dictionary.add(this, function() {
- return Base.serialize([this._class, this._item],
- options, false, dictionary);
- });
- },
- _changed: function(flags) {
- if (flags & 8)
- Item._clearBoundsCache(this);
- if (flags & 1)
- this.project._changed(flags);
- },
- getItem: function() {
- return this._item;
- },
- setItem: function(item, _dontCenter) {
- if (item._symbol)
- item = item.clone();
- if (this._item)
- this._item._symbol = null;
- this._item = item;
- item.remove();
- item.setSelected(false);
- if (!_dontCenter)
- item.setPosition(new Point());
- item._symbol = this;
- this._changed(9);
- },
- getDefinition: '#getItem',
- setDefinition: '#setItem',
- place: function(position) {
- return new SymbolItem(this, position);
- },
- clone: function() {
- return new SymbolDefinition(this._item.clone(false));
- },
- equals: function(symbol) {
- return symbol === this
- || symbol && this._item.equals(symbol._item)
- || false;
- }
- });
- var HitResult = Base.extend({
- _class: 'HitResult',
- initialize: function HitResult(type, item, values) {
- this.type = type;
- this.item = item;
- if (values)
- this.inject(values);
- },
- statics: {
- getOptions: function(args) {
- var options = args && Base.read(args);
- return Base.set({
- type: null,
- tolerance: paper.settings.hitTolerance,
- fill: !options,
- stroke: !options,
- segments: !options,
- handles: false,
- ends: false,
- position: false,
- center: false,
- bounds: false,
- guides: false,
- selected: false
- }, options);
- }
- }
- });
- var Segment = Base.extend({
- _class: 'Segment',
- beans: true,
- _selection: 0,
- initialize: function Segment(arg0, arg1, arg2, arg3, arg4, arg5) {
- var count = arguments.length,
- point, handleIn, handleOut, selection;
- if (count > 0) {
- if (arg0 == null || typeof arg0 === 'object') {
- if (count === 1 && arg0 && 'point' in arg0) {
- point = arg0.point;
- handleIn = arg0.handleIn;
- handleOut = arg0.handleOut;
- selection = arg0.selection;
- } else {
- point = arg0;
- handleIn = arg1;
- handleOut = arg2;
- selection = arg3;
- }
- } else {
- point = [ arg0, arg1 ];
- handleIn = arg2 !== undefined ? [ arg2, arg3 ] : null;
- handleOut = arg4 !== undefined ? [ arg4, arg5 ] : null;
- }
- }
- new SegmentPoint(point, this, '_point');
- new SegmentPoint(handleIn, this, '_handleIn');
- new SegmentPoint(handleOut, this, '_handleOut');
- if (selection)
- this.setSelection(selection);
- },
- _serialize: function(options, dictionary) {
- var point = this._point,
- selection = this._selection,
- obj = selection || this.hasHandles()
- ? [point, this._handleIn, this._handleOut]
- : point;
- if (selection)
- obj.push(selection);
- return Base.serialize(obj, options, true, dictionary);
- },
- _changed: function(point) {
- var path = this._path;
- if (!path)
- return;
- var curves = path._curves,
- index = this._index,
- curve;
- if (curves) {
- if ((!point || point === this._point || point === this._handleIn)
- && (curve = index > 0 ? curves[index - 1] : path._closed
- ? curves[curves.length - 1] : null))
- curve._changed();
- if ((!point || point === this._point || point === this._handleOut)
- && (curve = curves[index]))
- curve._changed();
- }
- path._changed(25);
- },
- getPoint: function() {
- return this._point;
- },
- setPoint: function() {
- this._point.set(Point.read(arguments));
- },
- getHandleIn: function() {
- return this._handleIn;
- },
- setHandleIn: function() {
- this._handleIn.set(Point.read(arguments));
- },
- getHandleOut: function() {
- return this._handleOut;
- },
- setHandleOut: function() {
- this._handleOut.set(Point.read(arguments));
- },
- hasHandles: function() {
- return !this._handleIn.isZero() || !this._handleOut.isZero();
- },
- isSmooth: function() {
- var handleIn = this._handleIn,
- handleOut = this._handleOut;
- return !handleIn.isZero() && !handleOut.isZero()
- && handleIn.isCollinear(handleOut);
- },
- clearHandles: function() {
- this._handleIn._set(0, 0);
- this._handleOut._set(0, 0);
- },
- getSelection: function() {
- return this._selection;
- },
- setSelection: function(selection) {
- var oldSelection = this._selection,
- path = this._path;
- this._selection = selection = selection || 0;
- if (path && selection !== oldSelection) {
- path._updateSelection(this, oldSelection, selection);
- path._changed(129);
- }
- },
- _changeSelection: function(flag, selected) {
- var selection = this._selection;
- this.setSelection(selected ? selection | flag : selection & ~flag);
- },
- isSelected: function() {
- return !!(this._selection & 7);
- },
- setSelected: function(selected) {
- this._changeSelection(7, selected);
- },
- getIndex: function() {
- return this._index !== undefined ? this._index : null;
- },
- getPath: function() {
- return this._path || null;
- },
- getCurve: function() {
- var path = this._path,
- index = this._index;
- if (path) {
- if (index > 0 && !path._closed
- && index === path._segments.length - 1)
- index--;
- return path.getCurves()[index] || null;
- }
- return null;
- },
- getLocation: function() {
- var curve = this.getCurve();
- return curve
- ? new CurveLocation(curve, this === curve._segment1 ? 0 : 1)
- : null;
- },
- getNext: function() {
- var segments = this._path && this._path._segments;
- return segments && (segments[this._index + 1]
- || this._path._closed && segments[0]) || null;
- },
- smooth: function(options, _first, _last) {
- var opts = options || {},
- type = opts.type,
- factor = opts.factor,
- prev = this.getPrevious(),
- next = this.getNext(),
- p0 = (prev || this)._point,
- p1 = this._point,
- p2 = (next || this)._point,
- d1 = p0.getDistance(p1),
- d2 = p1.getDistance(p2);
- if (!type || type === 'catmull-rom') {
- var a = factor === undefined ? 0.5 : factor,
- d1_a = Math.pow(d1, a),
- d1_2a = d1_a * d1_a,
- d2_a = Math.pow(d2, a),
- d2_2a = d2_a * d2_a;
- if (!_first && prev) {
- var A = 2 * d2_2a + 3 * d2_a * d1_a + d1_2a,
- N = 3 * d2_a * (d2_a + d1_a);
- this.setHandleIn(N !== 0
- ? new Point(
- (d2_2a * p0._x + A * p1._x - d1_2a * p2._x) / N - p1._x,
- (d2_2a * p0._y + A * p1._y - d1_2a * p2._y) / N - p1._y)
- : new Point());
- }
- if (!_last && next) {
- var A = 2 * d1_2a + 3 * d1_a * d2_a + d2_2a,
- N = 3 * d1_a * (d1_a + d2_a);
- this.setHandleOut(N !== 0
- ? new Point(
- (d1_2a * p2._x + A * p1._x - d2_2a * p0._x) / N - p1._x,
- (d1_2a * p2._y + A * p1._y - d2_2a * p0._y) / N - p1._y)
- : new Point());
- }
- } else if (type === 'geometric') {
- if (prev && next) {
- var vector = p0.subtract(p2),
- t = factor === undefined ? 0.4 : factor,
- k = t * d1 / (d1 + d2);
- if (!_first)
- this.setHandleIn(vector.multiply(k));
- if (!_last)
- this.setHandleOut(vector.multiply(k - t));
- }
- } else {
- throw new Error('Smoothing method \'' + type + '\' not supported.');
- }
- },
- getPrevious: function() {
- var segments = this._path && this._path._segments;
- return segments && (segments[this._index - 1]
- || this._path._closed && segments[segments.length - 1]) || null;
- },
- isFirst: function() {
- return !this._index;
- },
- isLast: function() {
- var path = this._path;
- return path && this._index === path._segments.length - 1 || false;
- },
- reverse: function() {
- var handleIn = this._handleIn,
- handleOut = this._handleOut,
- tmp = handleIn.clone();
- handleIn.set(handleOut);
- handleOut.set(tmp);
- },
- reversed: function() {
- return new Segment(this._point, this._handleOut, this._handleIn);
- },
- remove: function() {
- return this._path ? !!this._path.removeSegment(this._index) : false;
- },
- clone: function() {
- return new Segment(this._point, this._handleIn, this._handleOut);
- },
- equals: function(segment) {
- return segment === this || segment && this._class === segment._class
- && this._point.equals(segment._point)
- && this._handleIn.equals(segment._handleIn)
- && this._handleOut.equals(segment._handleOut)
- || false;
- },
- toString: function() {
- var parts = [ 'point: ' + this._point ];
- if (!this._handleIn.isZero())
- parts.push('handleIn: ' + this._handleIn);
- if (!this._handleOut.isZero())
- parts.push('handleOut: ' + this._handleOut);
- return '{ ' + parts.join(', ') + ' }';
- },
- transform: function(matrix) {
- this._transformCoordinates(matrix, new Array(6), true);
- this._changed();
- },
- interpolate: function(from, to, factor) {
- var u = 1 - factor,
- v = factor,
- point1 = from._point,
- point2 = to._point,
- handleIn1 = from._handleIn,
- handleIn2 = to._handleIn,
- handleOut2 = to._handleOut,
- handleOut1 = from._handleOut;
- this._point._set(
- u * point1._x + v * point2._x,
- u * point1._y + v * point2._y, true);
- this._handleIn._set(
- u * handleIn1._x + v * handleIn2._x,
- u * handleIn1._y + v * handleIn2._y, true);
- this._handleOut._set(
- u * handleOut1._x + v * handleOut2._x,
- u * handleOut1._y + v * handleOut2._y, true);
- this._changed();
- },
- _transformCoordinates: function(matrix, coords, change) {
- var point = this._point,
- handleIn = !change || !this._handleIn.isZero()
- ? this._handleIn : null,
- handleOut = !change || !this._handleOut.isZero()
- ? this._handleOut : null,
- x = point._x,
- y = point._y,
- i = 2;
- coords[0] = x;
- coords[1] = y;
- if (handleIn) {
- coords[i++] = handleIn._x + x;
- coords[i++] = handleIn._y + y;
- }
- if (handleOut) {
- coords[i++] = handleOut._x + x;
- coords[i++] = handleOut._y + y;
- }
- if (matrix) {
- matrix._transformCoordinates(coords, coords, i / 2);
- x = coords[0];
- y = coords[1];
- if (change) {
- point._x = x;
- point._y = y;
- i = 2;
- if (handleIn) {
- handleIn._x = coords[i++] - x;
- handleIn._y = coords[i++] - y;
- }
- if (handleOut) {
- handleOut._x = coords[i++] - x;
- handleOut._y = coords[i++] - y;
- }
- } else {
- if (!handleIn) {
- coords[i++] = x;
- coords[i++] = y;
- }
- if (!handleOut) {
- coords[i++] = x;
- coords[i++] = y;
- }
- }
- }
- return coords;
- }
- });
- var SegmentPoint = Point.extend({
- initialize: function SegmentPoint(point, owner, key) {
- var x, y,
- selected;
- if (!point) {
- x = y = 0;
- } else if ((x = point[0]) !== undefined) {
- y = point[1];
- } else {
- var pt = point;
- if ((x = pt.x) === undefined) {
- pt = Point.read(arguments);
- x = pt.x;
- }
- y = pt.y;
- selected = pt.selected;
- }
- this._x = x;
- this._y = y;
- this._owner = owner;
- owner[key] = this;
- if (selected)
- this.setSelected(true);
- },
- _set: function(x, y) {
- this._x = x;
- this._y = y;
- this._owner._changed(this);
- return this;
- },
- getX: function() {
- return this._x;
- },
- setX: function(x) {
- this._x = x;
- this._owner._changed(this);
- },
- getY: function() {
- return this._y;
- },
- setY: function(y) {
- this._y = y;
- this._owner._changed(this);
- },
- isZero: function() {
- var isZero = Numerical.isZero;
- return isZero(this._x) && isZero(this._y);
- },
- isSelected: function() {
- return !!(this._owner._selection & this._getSelection());
- },
- setSelected: function(selected) {
- this._owner._changeSelection(this._getSelection(), selected);
- },
- _getSelection: function() {
- var owner = this._owner;
- return this === owner._point ? 1
- : this === owner._handleIn ? 2
- : this === owner._handleOut ? 4
- : 0;
- }
- });
- var Curve = Base.extend({
- _class: 'Curve',
- beans: true,
- initialize: function Curve(arg0, arg1, arg2, arg3, arg4, arg5, arg6, arg7) {
- var count = arguments.length,
- seg1, seg2,
- point1, point2,
- handle1, handle2;
- if (count === 3) {
- this._path = arg0;
- seg1 = arg1;
- seg2 = arg2;
- } else if (!count) {
- seg1 = new Segment();
- seg2 = new Segment();
- } else if (count === 1) {
- if ('segment1' in arg0) {
- seg1 = new Segment(arg0.segment1);
- seg2 = new Segment(arg0.segment2);
- } else if ('point1' in arg0) {
- point1 = arg0.point1;
- handle1 = arg0.handle1;
- handle2 = arg0.handle2;
- point2 = arg0.point2;
- } else if (Array.isArray(arg0)) {
- point1 = [arg0[0], arg0[1]];
- point2 = [arg0[6], arg0[7]];
- handle1 = [arg0[2] - arg0[0], arg0[3] - arg0[1]];
- handle2 = [arg0[4] - arg0[6], arg0[5] - arg0[7]];
- }
- } else if (count === 2) {
- seg1 = new Segment(arg0);
- seg2 = new Segment(arg1);
- } else if (count === 4) {
- point1 = arg0;
- handle1 = arg1;
- handle2 = arg2;
- point2 = arg3;
- } else if (count === 8) {
- point1 = [arg0, arg1];
- point2 = [arg6, arg7];
- handle1 = [arg2 - arg0, arg3 - arg1];
- handle2 = [arg4 - arg6, arg5 - arg7];
- }
- this._segment1 = seg1 || new Segment(point1, null, handle1);
- this._segment2 = seg2 || new Segment(point2, handle2, null);
- },
- _serialize: function(options, dictionary) {
- return Base.serialize(this.hasHandles()
- ? [this.getPoint1(), this.getHandle1(), this.getHandle2(),
- this.getPoint2()]
- : [this.getPoint1(), this.getPoint2()],
- options, true, dictionary);
- },
- _changed: function() {
- this._length = this._bounds = undefined;
- },
- clone: function() {
- return new Curve(this._segment1, this._segment2);
- },
- toString: function() {
- var parts = [ 'point1: ' + this._segment1._point ];
- if (!this._segment1._handleOut.isZero())
- parts.push('handle1: ' + this._segment1._handleOut);
- if (!this._segment2._handleIn.isZero())
- parts.push('handle2: ' + this._segment2._handleIn);
- parts.push('point2: ' + this._segment2._point);
- return '{ ' + parts.join(', ') + ' }';
- },
- classify: function() {
- return Curve.classify(this.getValues());
- },
- remove: function() {
- var removed = false;
- if (this._path) {
- var segment2 = this._segment2,
- handleOut = segment2._handleOut;
- removed = segment2.remove();
- if (removed)
- this._segment1._handleOut.set(handleOut);
- }
- return removed;
- },
- getPoint1: function() {
- return this._segment1._point;
- },
- setPoint1: function() {
- this._segment1._point.set(Point.read(arguments));
- },
- getPoint2: function() {
- return this._segment2._point;
- },
- setPoint2: function() {
- this._segment2._point.set(Point.read(arguments));
- },
- getHandle1: function() {
- return this._segment1._handleOut;
- },
- setHandle1: function() {
- this._segment1._handleOut.set(Point.read(arguments));
- },
- getHandle2: function() {
- return this._segment2._handleIn;
- },
- setHandle2: function() {
- this._segment2._handleIn.set(Point.read(arguments));
- },
- getSegment1: function() {
- return this._segment1;
- },
- getSegment2: function() {
- return this._segment2;
- },
- getPath: function() {
- return this._path;
- },
- getIndex: function() {
- return this._segment1._index;
- },
- getNext: function() {
- var curves = this._path && this._path._curves;
- return curves && (curves[this._segment1._index + 1]
- || this._path._closed && curves[0]) || null;
- },
- getPrevious: function() {
- var curves = this._path && this._path._curves;
- return curves && (curves[this._segment1._index - 1]
- || this._path._closed && curves[curves.length - 1]) || null;
- },
- isFirst: function() {
- return !this._segment1._index;
- },
- isLast: function() {
- var path = this._path;
- return path && this._segment1._index === path._curves.length - 1
- || false;
- },
- isSelected: function() {
- return this.getPoint1().isSelected()
- && this.getHandle1().isSelected()
- && this.getHandle2().isSelected()
- && this.getPoint2().isSelected();
- },
- setSelected: function(selected) {
- this.getPoint1().setSelected(selected);
- this.getHandle1().setSelected(selected);
- this.getHandle2().setSelected(selected);
- this.getPoint2().setSelected(selected);
- },
- getValues: function(matrix) {
- return Curve.getValues(this._segment1, this._segment2, matrix);
- },
- getPoints: function() {
- var coords = this.getValues(),
- points = [];
- for (var i = 0; i < 8; i += 2)
- points.push(new Point(coords[i], coords[i + 1]));
- return points;
- }
- }, {
- getLength: function() {
- if (this._length == null)
- this._length = Curve.getLength(this.getValues(), 0, 1);
- return this._length;
- },
- getArea: function() {
- return Curve.getArea(this.getValues());
- },
- getLine: function() {
- return new Line(this._segment1._point, this._segment2._point);
- },
- getPart: function(from, to) {
- return new Curve(Curve.getPart(this.getValues(), from, to));
- },
- getPartLength: function(from, to) {
- return Curve.getLength(this.getValues(), from, to);
- },
- divideAt: function(location) {
- return this.divideAtTime(location && location.curve === this
- ? location.time : this.getTimeAt(location));
- },
- divideAtTime: function(time, _setHandles) {
- var tMin = 1e-8,
- tMax = 1 - tMin,
- res = null;
- if (time >= tMin && time <= tMax) {
- var parts = Curve.subdivide(this.getValues(), time),
- left = parts[0],
- right = parts[1],
- setHandles = _setHandles || this.hasHandles(),
- seg1 = this._segment1,
- seg2 = this._segment2,
- path = this._path;
- if (setHandles) {
- seg1._handleOut._set(left[2] - left[0], left[3] - left[1]);
- seg2._handleIn._set(right[4] - right[6],right[5] - right[7]);
- }
- var x = left[6], y = left[7],
- segment = new Segment(new Point(x, y),
- setHandles && new Point(left[4] - x, left[5] - y),
- setHandles && new Point(right[2] - x, right[3] - y));
- if (path) {
- path.insert(seg1._index + 1, segment);
- res = this.getNext();
- } else {
- this._segment2 = segment;
- this._changed();
- res = new Curve(segment, seg2);
- }
- }
- return res;
- },
- splitAt: function(location) {
- var path = this._path;
- return path ? path.splitAt(location) : null;
- },
- splitAtTime: function(time) {
- return this.splitAt(this.getLocationAtTime(time));
- },
- divide: function(offset, isTime) {
- return this.divideAtTime(offset === undefined ? 0.5 : isTime ? offset
- : this.getTimeAt(offset));
- },
- split: function(offset, isTime) {
- return this.splitAtTime(offset === undefined ? 0.5 : isTime ? offset
- : this.getTimeAt(offset));
- },
- reversed: function() {
- return new Curve(this._segment2.reversed(), this._segment1.reversed());
- },
- clearHandles: function() {
- this._segment1._handleOut._set(0, 0);
- this._segment2._handleIn._set(0, 0);
- },
- statics: {
- getValues: function(segment1, segment2, matrix, straight) {
- var p1 = segment1._point,
- h1 = segment1._handleOut,
- h2 = segment2._handleIn,
- p2 = segment2._point,
- x1 = p1.x, y1 = p1.y,
- x2 = p2.x, y2 = p2.y,
- values = straight
- ? [ x1, y1, x1, y1, x2, y2, x2, y2 ]
- : [
- x1, y1,
- x1 + h1._x, y1 + h1._y,
- x2 + h2._x, y2 + h2._y,
- x2, y2
- ];
- if (matrix)
- matrix._transformCoordinates(values, values, 4);
- return values;
- },
- subdivide: function(v, t) {
- var x0 = v[0], y0 = v[1],
- x1 = v[2], y1 = v[3],
- x2 = v[4], y2 = v[5],
- x3 = v[6], y3 = v[7];
- if (t === undefined)
- t = 0.5;
- var u = 1 - t,
- x4 = u * x0 + t * x1, y4 = u * y0 + t * y1,
- x5 = u * x1 + t * x2, y5 = u * y1 + t * y2,
- x6 = u * x2 + t * x3, y6 = u * y2 + t * y3,
- x7 = u * x4 + t * x5, y7 = u * y4 + t * y5,
- x8 = u * x5 + t * x6, y8 = u * y5 + t * y6,
- x9 = u * x7 + t * x8, y9 = u * y7 + t * y8;
- return [
- [x0, y0, x4, y4, x7, y7, x9, y9],
- [x9, y9, x8, y8, x6, y6, x3, y3]
- ];
- },
- getMonoCurves: function(v, dir) {
- var curves = [],
- io = dir ? 0 : 1,
- o0 = v[io + 0],
- o1 = v[io + 2],
- o2 = v[io + 4],
- o3 = v[io + 6];
- if ((o0 >= o1) === (o1 >= o2) && (o1 >= o2) === (o2 >= o3)
- || Curve.isStraight(v)) {
- curves.push(v);
- } else {
- var a = 3 * (o1 - o2) - o0 + o3,
- b = 2 * (o0 + o2) - 4 * o1,
- c = o1 - o0,
- tMin = 1e-8,
- tMax = 1 - tMin,
- roots = [],
- n = Numerical.solveQuadratic(a, b, c, roots, tMin, tMax);
- if (!n) {
- curves.push(v);
- } else {
- roots.sort();
- var t = roots[0],
- parts = Curve.subdivide(v, t);
- curves.push(parts[0]);
- if (n > 1) {
- t = (roots[1] - t) / (1 - t);
- parts = Curve.subdivide(parts[1], t);
- curves.push(parts[0]);
- }
- curves.push(parts[1]);
- }
- }
- return curves;
- },
- solveCubic: function (v, coord, val, roots, min, max) {
- var v0 = v[coord],
- v1 = v[coord + 2],
- v2 = v[coord + 4],
- v3 = v[coord + 6],
- res = 0;
- if ( !(v0 < val && v3 < val && v1 < val && v2 < val ||
- v0 > val && v3 > val && v1 > val && v2 > val)) {
- var c = 3 * (v1 - v0),
- b = 3 * (v2 - v1) - c,
- a = v3 - v0 - c - b;
- res = Numerical.solveCubic(a, b, c, v0 - val, roots, min, max);
- }
- return res;
- },
- getTimeOf: function(v, point) {
- var p0 = new Point(v[0], v[1]),
- p3 = new Point(v[6], v[7]),
- epsilon = 1e-12,
- geomEpsilon = 1e-7,
- t = point.isClose(p0, epsilon) ? 0
- : point.isClose(p3, epsilon) ? 1
- : null;
- if (t === null) {
- var coords = [point.x, point.y],
- roots = [];
- for (var c = 0; c < 2; c++) {
- var count = Curve.solveCubic(v, c, coords[c], roots, 0, 1);
- for (var i = 0; i < count; i++) {
- var u = roots[i];
- if (point.isClose(Curve.getPoint(v, u), geomEpsilon))
- return u;
- }
- }
- }
- return point.isClose(p0, geomEpsilon) ? 0
- : point.isClose(p3, geomEpsilon) ? 1
- : null;
- },
- getNearestTime: function(v, point) {
- if (Curve.isStraight(v)) {
- var x0 = v[0], y0 = v[1],
- x3 = v[6], y3 = v[7],
- vx = x3 - x0, vy = y3 - y0,
- det = vx * vx + vy * vy;
- if (det === 0)
- return 0;
- var u = ((point.x - x0) * vx + (point.y - y0) * vy) / det;
- return u < 1e-12 ? 0
- : u > 0.999999999999 ? 1
- : Curve.getTimeOf(v,
- new Point(x0 + u * vx, y0 + u * vy));
- }
- var count = 100,
- minDist = Infinity,
- minT = 0;
- function refine(t) {
- if (t >= 0 && t <= 1) {
- var dist = point.getDistance(Curve.getPoint(v, t), true);
- if (dist < minDist) {
- minDist = dist;
- minT = t;
- return true;
- }
- }
- }
- for (var i = 0; i <= count; i++)
- refine(i / count);
- var step = 1 / (count * 2);
- while (step > 1e-8) {
- if (!refine(minT - step) && !refine(minT + step))
- step /= 2;
- }
- return minT;
- },
- getPart: function(v, from, to) {
- var flip = from > to;
- if (flip) {
- var tmp = from;
- from = to;
- to = tmp;
- }
- if (from > 0)
- v = Curve.subdivide(v, from)[1];
- if (to < 1)
- v = Curve.subdivide(v, (to - from) / (1 - from))[0];
- return flip
- ? [v[6], v[7], v[4], v[5], v[2], v[3], v[0], v[1]]
- : v;
- },
- isFlatEnough: function(v, flatness) {
- var x0 = v[0], y0 = v[1],
- x1 = v[2], y1 = v[3],
- x2 = v[4], y2 = v[5],
- x3 = v[6], y3 = v[7],
- ux = 3 * x1 - 2 * x0 - x3,
- uy = 3 * y1 - 2 * y0 - y3,
- vx = 3 * x2 - 2 * x3 - x0,
- vy = 3 * y2 - 2 * y3 - y0;
- return Math.max(ux * ux, vx * vx) + Math.max(uy * uy, vy * vy)
- <= 16 * flatness * flatness;
- },
- getArea: function(v) {
- var x0 = v[0], y0 = v[1],
- x1 = v[2], y1 = v[3],
- x2 = v[4], y2 = v[5],
- x3 = v[6], y3 = v[7];
- return 3 * ((y3 - y0) * (x1 + x2) - (x3 - x0) * (y1 + y2)
- + y1 * (x0 - x2) - x1 * (y0 - y2)
- + y3 * (x2 + x0 / 3) - x3 * (y2 + y0 / 3)) / 20;
- },
- getBounds: function(v) {
- var min = v.slice(0, 2),
- max = min.slice(),
- roots = [0, 0];
- for (var i = 0; i < 2; i++)
- Curve._addBounds(v[i], v[i + 2], v[i + 4], v[i + 6],
- i, 0, min, max, roots);
- return new Rectangle(min[0], min[1], max[0] - min[0], max[1] - min[1]);
- },
- _addBounds: function(v0, v1, v2, v3, coord, padding, min, max, roots) {
- function add(value, padding) {
- var left = value - padding,
- right = value + padding;
- if (left < min[coord])
- min[coord] = left;
- if (right > max[coord])
- max[coord] = right;
- }
- padding /= 2;
- var minPad = min[coord] - padding,
- maxPad = max[coord] + padding;
- if ( v0 < minPad || v1 < minPad || v2 < minPad || v3 < minPad ||
- v0 > maxPad || v1 > maxPad || v2 > maxPad || v3 > maxPad) {
- if (v1 < v0 != v1 < v3 && v2 < v0 != v2 < v3) {
- add(v0, padding);
- add(v3, padding);
- } else {
- var a = 3 * (v1 - v2) - v0 + v3,
- b = 2 * (v0 + v2) - 4 * v1,
- c = v1 - v0,
- count = Numerical.solveQuadratic(a, b, c, roots),
- tMin = 1e-8,
- tMax = 1 - tMin;
- add(v3, 0);
- for (var i = 0; i < count; i++) {
- var t = roots[i],
- u = 1 - t;
- if (tMin <= t && t <= tMax)
- add(u * u * u * v0
- + 3 * u * u * t * v1
- + 3 * u * t * t * v2
- + t * t * t * v3,
- padding);
- }
- }
- }
- }
- }}, Base.each(
- ['getBounds', 'getStrokeBounds', 'getHandleBounds'],
- function(name) {
- this[name] = function() {
- if (!this._bounds)
- this._bounds = {};
- var bounds = this._bounds[name];
- if (!bounds) {
- bounds = this._bounds[name] = Path[name](
- [this._segment1, this._segment2], false, this._path);
- }
- return bounds.clone();
- };
- },
- {
- }), Base.each({
- isStraight: function(p1, h1, h2, p2) {
- if (h1.isZero() && h2.isZero()) {
- return true;
- } else {
- var v = p2.subtract(p1);
- if (v.isZero()) {
- return false;
- } else if (v.isCollinear(h1) && v.isCollinear(h2)) {
- var l = new Line(p1, p2),
- epsilon = 1e-7;
- if (l.getDistance(p1.add(h1)) < epsilon &&
- l.getDistance(p2.add(h2)) < epsilon) {
- var div = v.dot(v),
- s1 = v.dot(h1) / div,
- s2 = v.dot(h2) / div;
- return s1 >= 0 && s1 <= 1 && s2 <= 0 && s2 >= -1;
- }
- }
- }
- return false;
- },
- isLinear: function(p1, h1, h2, p2) {
- var third = p2.subtract(p1).divide(3);
- return h1.equals(third) && h2.negate().equals(third);
- }
- }, function(test, name) {
- this[name] = function(epsilon) {
- var seg1 = this._segment1,
- seg2 = this._segment2;
- return test(seg1._point, seg1._handleOut, seg2._handleIn, seg2._point,
- epsilon);
- };
- this.statics[name] = function(v, epsilon) {
- var x0 = v[0], y0 = v[1],
- x3 = v[6], y3 = v[7];
- return test(
- new Point(x0, y0),
- new Point(v[2] - x0, v[3] - y0),
- new Point(v[4] - x3, v[5] - y3),
- new Point(x3, y3), epsilon);
- };
- }, {
- statics: {},
- hasHandles: function() {
- return !this._segment1._handleOut.isZero()
- || !this._segment2._handleIn.isZero();
- },
- hasLength: function(epsilon) {
- return (!this.getPoint1().equals(this.getPoint2()) || this.hasHandles())
- && this.getLength() > (epsilon || 0);
- },
- isCollinear: function(curve) {
- return curve && this.isStraight() && curve.isStraight()
- && this.getLine().isCollinear(curve.getLine());
- },
- isHorizontal: function() {
- return this.isStraight() && Math.abs(this.getTangentAtTime(0.5).y)
- < 1e-8;
- },
- isVertical: function() {
- return this.isStraight() && Math.abs(this.getTangentAtTime(0.5).x)
- < 1e-8;
- }
- }), {
- beans: false,
- getLocationAt: function(offset, _isTime) {
- return this.getLocationAtTime(
- _isTime ? offset : this.getTimeAt(offset));
- },
- getLocationAtTime: function(t) {
- return t != null && t >= 0 && t <= 1
- ? new CurveLocation(this, t)
- : null;
- },
- getTimeAt: function(offset, start) {
- return Curve.getTimeAt(this.getValues(), offset, start);
- },
- getParameterAt: '#getTimeAt',
- getOffsetAtTime: function(t) {
- return this.getPartLength(0, t);
- },
- getLocationOf: function() {
- return this.getLocationAtTime(this.getTimeOf(Point.read(arguments)));
- },
- getOffsetOf: function() {
- var loc = this.getLocationOf.apply(this, arguments);
- return loc ? loc.getOffset() : null;
- },
- getTimeOf: function() {
- return Curve.getTimeOf(this.getValues(), Point.read(arguments));
- },
- getParameterOf: '#getTimeOf',
- getNearestLocation: function() {
- var point = Point.read(arguments),
- values = this.getValues(),
- t = Curve.getNearestTime(values, point),
- pt = Curve.getPoint(values, t);
- return new CurveLocation(this, t, pt, null, point.getDistance(pt));
- },
- getNearestPoint: function() {
- var loc = this.getNearestLocation.apply(this, arguments);
- return loc ? loc.getPoint() : loc;
- }
- },
- new function() {
- var methods = ['getPoint', 'getTangent', 'getNormal', 'getWeightedTangent',
- 'getWeightedNormal', 'getCurvature'];
- return Base.each(methods,
- function(name) {
- this[name + 'At'] = function(location, _isTime) {
- var values = this.getValues();
- return Curve[name](values, _isTime ? location
- : Curve.getTimeAt(values, location));
- };
- this[name + 'AtTime'] = function(time) {
- return Curve[name](this.getValues(), time);
- };
- }, {
- statics: {
- _evaluateMethods: methods
- }
- }
- );
- },
- new function() {
- function getLengthIntegrand(v) {
- var x0 = v[0], y0 = v[1],
- x1 = v[2], y1 = v[3],
- x2 = v[4], y2 = v[5],
- x3 = v[6], y3 = v[7],
- ax = 9 * (x1 - x2) + 3 * (x3 - x0),
- bx = 6 * (x0 + x2) - 12 * x1,
- cx = 3 * (x1 - x0),
- ay = 9 * (y1 - y2) + 3 * (y3 - y0),
- by = 6 * (y0 + y2) - 12 * y1,
- cy = 3 * (y1 - y0);
- return function(t) {
- var dx = (ax * t + bx) * t + cx,
- dy = (ay * t + by) * t + cy;
- return Math.sqrt(dx * dx + dy * dy);
- };
- }
- function getIterations(a, b) {
- return Math.max(2, Math.min(16, Math.ceil(Math.abs(b - a) * 32)));
- }
- function evaluate(v, t, type, normalized) {
- if (t == null || t < 0 || t > 1)
- return null;
- var x0 = v[0], y0 = v[1],
- x1 = v[2], y1 = v[3],
- x2 = v[4], y2 = v[5],
- x3 = v[6], y3 = v[7],
- isZero = Numerical.isZero;
- if (isZero(x1 - x0) && isZero(y1 - y0)) {
- x1 = x0;
- y1 = y0;
- }
- if (isZero(x2 - x3) && isZero(y2 - y3)) {
- x2 = x3;
- y2 = y3;
- }
- var cx = 3 * (x1 - x0),
- bx = 3 * (x2 - x1) - cx,
- ax = x3 - x0 - cx - bx,
- cy = 3 * (y1 - y0),
- by = 3 * (y2 - y1) - cy,
- ay = y3 - y0 - cy - by,
- x, y;
- if (type === 0) {
- x = t === 0 ? x0 : t === 1 ? x3
- : ((ax * t + bx) * t + cx) * t + x0;
- y = t === 0 ? y0 : t === 1 ? y3
- : ((ay * t + by) * t + cy) * t + y0;
- } else {
- var tMin = 1e-8,
- tMax = 1 - tMin;
- if (t < tMin) {
- x = cx;
- y = cy;
- } else if (t > tMax) {
- x = 3 * (x3 - x2);
- y = 3 * (y3 - y2);
- } else {
- x = (3 * ax * t + 2 * bx) * t + cx;
- y = (3 * ay * t + 2 * by) * t + cy;
- }
- if (normalized) {
- if (x === 0 && y === 0 && (t < tMin || t > tMax)) {
- x = x2 - x1;
- y = y2 - y1;
- }
- var len = Math.sqrt(x * x + y * y);
- if (len) {
- x /= len;
- y /= len;
- }
- }
- if (type === 3) {
- var x2 = 6 * ax * t + 2 * bx,
- y2 = 6 * ay * t + 2 * by,
- d = Math.pow(x * x + y * y, 3 / 2);
- x = d !== 0 ? (x * y2 - y * x2) / d : 0;
- y = 0;
- }
- }
- return type === 2 ? new Point(y, -x) : new Point(x, y);
- }
- return { statics: {
- classify: function(v) {
- var x0 = v[0], y0 = v[1],
- x1 = v[2], y1 = v[3],
- x2 = v[4], y2 = v[5],
- x3 = v[6], y3 = v[7],
- a1 = x0 * (y3 - y2) + y0 * (x2 - x3) + x3 * y2 - y3 * x2,
- a2 = x1 * (y0 - y3) + y1 * (x3 - x0) + x0 * y3 - y0 * x3,
- a3 = x2 * (y1 - y0) + y2 * (x0 - x1) + x1 * y0 - y1 * x0,
- d3 = 3 * a3,
- d2 = d3 - a2,
- d1 = d2 - a2 + a1,
- l = Math.sqrt(d1 * d1 + d2 * d2 + d3 * d3),
- s = l !== 0 ? 1 / l : 0,
- isZero = Numerical.isZero,
- serpentine = 'serpentine';
- d1 *= s;
- d2 *= s;
- d3 *= s;
- function type(type, t1, t2) {
- var hasRoots = t1 !== undefined,
- t1Ok = hasRoots && t1 > 0 && t1 < 1,
- t2Ok = hasRoots && t2 > 0 && t2 < 1;
- if (hasRoots && (!(t1Ok || t2Ok)
- || type === 'loop' && !(t1Ok && t2Ok))) {
- type = 'arch';
- t1Ok = t2Ok = false;
- }
- return {
- type: type,
- roots: t1Ok || t2Ok
- ? t1Ok && t2Ok
- ? t1 < t2 ? [t1, t2] : [t2, t1]
- : [t1Ok ? t1 : t2]
- : null
- };
- }
- if (isZero(d1)) {
- return isZero(d2)
- ? type(isZero(d3) ? 'line' : 'quadratic')
- : type(serpentine, d3 / (3 * d2));
- }
- var d = 3 * d2 * d2 - 4 * d1 * d3;
- if (isZero(d)) {
- return type('cusp', d2 / (2 * d1));
- }
- var f1 = d > 0 ? Math.sqrt(d / 3) : Math.sqrt(-d),
- f2 = 2 * d1;
- return type(d > 0 ? serpentine : 'loop',
- (d2 + f1) / f2,
- (d2 - f1) / f2);
- },
- getLength: function(v, a, b, ds) {
- if (a === undefined)
- a = 0;
- if (b === undefined)
- b = 1;
- if (Curve.isStraight(v)) {
- var c = v;
- if (b < 1) {
- c = Curve.subdivide(c, b)[0];
- a /= b;
- }
- if (a > 0) {
- c = Curve.subdivide(c, a)[1];
- }
- var dx = c[6] - c[0],
- dy = c[7] - c[1];
- return Math.sqrt(dx * dx + dy * dy);
- }
- return Numerical.integrate(ds || getLengthIntegrand(v), a, b,
- getIterations(a, b));
- },
- getTimeAt: function(v, offset, start) {
- if (start === undefined)
- start = offset < 0 ? 1 : 0;
- if (offset === 0)
- return start;
- var abs = Math.abs,
- epsilon = 1e-12,
- forward = offset > 0,
- a = forward ? start : 0,
- b = forward ? 1 : start,
- ds = getLengthIntegrand(v),
- rangeLength = Curve.getLength(v, a, b, ds),
- diff = abs(offset) - rangeLength;
- if (abs(diff) < epsilon) {
- return forward ? b : a;
- } else if (diff > epsilon) {
- return null;
- }
- var guess = offset / rangeLength,
- length = 0;
- function f(t) {
- length += Numerical.integrate(ds, start, t,
- getIterations(start, t));
- start = t;
- return length - offset;
- }
- return Numerical.findRoot(f, ds, start + guess, a, b, 32,
- 1e-12);
- },
- getPoint: function(v, t) {
- return evaluate(v, t, 0, false);
- },
- getTangent: function(v, t) {
- return evaluate(v, t, 1, true);
- },
- getWeightedTangent: function(v, t) {
- return evaluate(v, t, 1, false);
- },
- getNormal: function(v, t) {
- return evaluate(v, t, 2, true);
- },
- getWeightedNormal: function(v, t) {
- return evaluate(v, t, 2, false);
- },
- getCurvature: function(v, t) {
- return evaluate(v, t, 3, false).x;
- },
- getPeaks: function(v) {
- var x0 = v[0], y0 = v[1],
- x1 = v[2], y1 = v[3],
- x2 = v[4], y2 = v[5],
- x3 = v[6], y3 = v[7],
- ax = -x0 + 3 * x1 - 3 * x2 + x3,
- bx = 3 * x0 - 6 * x1 + 3 * x2,
- cx = -3 * x0 + 3 * x1,
- ay = -y0 + 3 * y1 - 3 * y2 + y3,
- by = 3 * y0 - 6 * y1 + 3 * y2,
- cy = -3 * y0 + 3 * y1,
- tMin = 1e-8,
- tMax = 1 - tMin,
- roots = [];
- Numerical.solveCubic(
- 9 * (ax * ax + ay * ay),
- 9 * (ax * bx + by * ay),
- 2 * (bx * bx + by * by) + 3 * (cx * ax + cy * ay),
- (cx * bx + by * cy),
- roots, tMin, tMax);
- return roots.sort();
- }
- }};
- },
- new function() {
- function addLocation(locations, include, c1, t1, c2, t2, overlap) {
- var excludeStart = !overlap && c1.getPrevious() === c2,
- excludeEnd = !overlap && c1 !== c2 && c1.getNext() === c2,
- tMin = 1e-8,
- tMax = 1 - tMin;
- if (t1 !== null && t1 >= (excludeStart ? tMin : 0) &&
- t1 <= (excludeEnd ? tMax : 1)) {
- if (t2 !== null && t2 >= (excludeEnd ? tMin : 0) &&
- t2 <= (excludeStart ? tMax : 1)) {
- var loc1 = new CurveLocation(c1, t1, null, overlap),
- loc2 = new CurveLocation(c2, t2, null, overlap);
- loc1._intersection = loc2;
- loc2._intersection = loc1;
- if (!include || include(loc1)) {
- CurveLocation.insert(locations, loc1, true);
- }
- }
- }
- }
- function addCurveIntersections(v1, v2, c1, c2, locations, include, flip,
- recursion, calls, tMin, tMax, uMin, uMax) {
- if (++calls >= 4096 || ++recursion >= 40)
- return calls;
- var fatLineEpsilon = 1e-9,
- q0x = v2[0], q0y = v2[1], q3x = v2[6], q3y = v2[7],
- getSignedDistance = Line.getSignedDistance,
- d1 = getSignedDistance(q0x, q0y, q3x, q3y, v2[2], v2[3]),
- d2 = getSignedDistance(q0x, q0y, q3x, q3y, v2[4], v2[5]),
- factor = d1 * d2 > 0 ? 3 / 4 : 4 / 9,
- dMin = factor * Math.min(0, d1, d2),
- dMax = factor * Math.max(0, d1, d2),
- dp0 = getSignedDistance(q0x, q0y, q3x, q3y, v1[0], v1[1]),
- dp1 = getSignedDistance(q0x, q0y, q3x, q3y, v1[2], v1[3]),
- dp2 = getSignedDistance(q0x, q0y, q3x, q3y, v1[4], v1[5]),
- dp3 = getSignedDistance(q0x, q0y, q3x, q3y, v1[6], v1[7]),
- hull = getConvexHull(dp0, dp1, dp2, dp3),
- top = hull[0],
- bottom = hull[1],
- tMinClip,
- tMaxClip;
- if (d1 === 0 && d2 === 0
- && dp0 === 0 && dp1 === 0 && dp2 === 0 && dp3 === 0
- || (tMinClip = clipConvexHull(top, bottom, dMin, dMax)) == null
- || (tMaxClip = clipConvexHull(top.reverse(), bottom.reverse(),
- dMin, dMax)) == null)
- return calls;
- var tMinNew = tMin + (tMax - tMin) * tMinClip,
- tMaxNew = tMin + (tMax - tMin) * tMaxClip;
- if (Math.max(uMax - uMin, tMaxNew - tMinNew) < fatLineEpsilon) {
- var t = (tMinNew + tMaxNew) / 2,
- u = (uMin + uMax) / 2;
- addLocation(locations, include,
- flip ? c2 : c1, flip ? u : t,
- flip ? c1 : c2, flip ? t : u);
- } else {
- v1 = Curve.getPart(v1, tMinClip, tMaxClip);
- if (tMaxClip - tMinClip > 0.8) {
- if (tMaxNew - tMinNew > uMax - uMin) {
- var parts = Curve.subdivide(v1, 0.5),
- t = (tMinNew + tMaxNew) / 2;
- calls = addCurveIntersections(
- v2, parts[0], c2, c1, locations, include, !flip,
- recursion, calls, uMin, uMax, tMinNew, t);
- calls = addCurveIntersections(
- v2, parts[1], c2, c1, locations, include, !flip,
- recursion, calls, uMin, uMax, t, tMaxNew);
- } else {
- var parts = Curve.subdivide(v2, 0.5),
- u = (uMin + uMax) / 2;
- calls = addCurveIntersections(
- parts[0], v1, c2, c1, locations, include, !flip,
- recursion, calls, uMin, u, tMinNew, tMaxNew);
- calls = addCurveIntersections(
- parts[1], v1, c2, c1, locations, include, !flip,
- recursion, calls, u, uMax, tMinNew, tMaxNew);
- }
- } else {
- if (uMax - uMin >= fatLineEpsilon) {
- calls = addCurveIntersections(
- v2, v1, c2, c1, locations, include, !flip,
- recursion, calls, uMin, uMax, tMinNew, tMaxNew);
- } else {
- calls = addCurveIntersections(
- v1, v2, c1, c2, locations, include, flip,
- recursion, calls, tMinNew, tMaxNew, uMin, uMax);
- }
- }
- }
- return calls;
- }
- function getConvexHull(dq0, dq1, dq2, dq3) {
- var p0 = [ 0, dq0 ],
- p1 = [ 1 / 3, dq1 ],
- p2 = [ 2 / 3, dq2 ],
- p3 = [ 1, dq3 ],
- dist1 = dq1 - (2 * dq0 + dq3) / 3,
- dist2 = dq2 - (dq0 + 2 * dq3) / 3,
- hull;
- if (dist1 * dist2 < 0) {
- hull = [[p0, p1, p3], [p0, p2, p3]];
- } else {
- var distRatio = dist1 / dist2;
- hull = [
- distRatio >= 2 ? [p0, p1, p3]
- : distRatio <= 0.5 ? [p0, p2, p3]
- : [p0, p1, p2, p3],
- [p0, p3]
- ];
- }
- return (dist1 || dist2) < 0 ? hull.reverse() : hull;
- }
- function clipConvexHull(hullTop, hullBottom, dMin, dMax) {
- if (hullTop[0][1] < dMin) {
- return clipConvexHullPart(hullTop, true, dMin);
- } else if (hullBottom[0][1] > dMax) {
- return clipConvexHullPart(hullBottom, false, dMax);
- } else {
- return hullTop[0][0];
- }
- }
- function clipConvexHullPart(part, top, threshold) {
- var px = part[0][0],
- py = part[0][1];
- for (var i = 1, l = part.length; i < l; i++) {
- var qx = part[i][0],
- qy = part[i][1];
- if (top ? qy >= threshold : qy <= threshold) {
- return qy === threshold ? qx
- : px + (threshold - py) * (qx - px) / (qy - py);
- }
- px = qx;
- py = qy;
- }
- return null;
- }
- function getCurveLineIntersections(v, px, py, vx, vy) {
- var isZero = Numerical.isZero;
- if (isZero(vx) && isZero(vy)) {
- var t = Curve.getTimeOf(v, new Point(px, py));
- return t === null ? [] : [t];
- }
- var angle = Math.atan2(-vy, vx),
- sin = Math.sin(angle),
- cos = Math.cos(angle),
- rv = [],
- roots = [];
- for (var i = 0; i < 8; i += 2) {
- var x = v[i] - px,
- y = v[i + 1] - py;
- rv.push(
- x * cos - y * sin,
- x * sin + y * cos);
- }
- Curve.solveCubic(rv, 1, 0, roots, 0, 1);
- return roots;
- }
- function addCurveLineIntersections(v1, v2, c1, c2, locations, include,
- flip) {
- var x1 = v2[0], y1 = v2[1],
- x2 = v2[6], y2 = v2[7],
- roots = getCurveLineIntersections(v1, x1, y1, x2 - x1, y2 - y1);
- for (var i = 0, l = roots.length; i < l; i++) {
- var t1 = roots[i],
- p1 = Curve.getPoint(v1, t1),
- t2 = Curve.getTimeOf(v2, p1);
- if (t2 !== null) {
- addLocation(locations, include,
- flip ? c2 : c1, flip ? t2 : t1,
- flip ? c1 : c2, flip ? t1 : t2);
- }
- }
- }
- function addLineIntersection(v1, v2, c1, c2, locations, include) {
- var pt = Line.intersect(
- v1[0], v1[1], v1[6], v1[7],
- v2[0], v2[1], v2[6], v2[7]);
- if (pt) {
- addLocation(locations, include,
- c1, Curve.getTimeOf(v1, pt),
- c2, Curve.getTimeOf(v2, pt));
- }
- }
- function getCurveIntersections(v1, v2, c1, c2, locations, include) {
- var epsilon = 1e-12,
- min = Math.min,
- max = Math.max;
- if (max(v1[0], v1[2], v1[4], v1[6]) + epsilon >
- min(v2[0], v2[2], v2[4], v2[6]) &&
- min(v1[0], v1[2], v1[4], v1[6]) - epsilon <
- max(v2[0], v2[2], v2[4], v2[6]) &&
- max(v1[1], v1[3], v1[5], v1[7]) + epsilon >
- min(v2[1], v2[3], v2[5], v2[7]) &&
- min(v1[1], v1[3], v1[5], v1[7]) - epsilon <
- max(v2[1], v2[3], v2[5], v2[7])) {
- var overlaps = getOverlaps(v1, v2);
- if (overlaps) {
- for (var i = 0; i < 2; i++) {
- var overlap = overlaps[i];
- addLocation(locations, include,
- c1, overlap[0],
- c2, overlap[1], true);
- }
- } else {
- var straight1 = Curve.isStraight(v1),
- straight2 = Curve.isStraight(v2),
- straight = straight1 && straight2,
- flip = straight1 && !straight2,
- before = locations.length;
- (straight
- ? addLineIntersection
- : straight1 || straight2
- ? addCurveLineIntersections
- : addCurveIntersections)(
- flip ? v2 : v1, flip ? v1 : v2,
- flip ? c2 : c1, flip ? c1 : c2,
- locations, include, flip,
- 0, 0, 0, 1, 0, 1);
- if (!straight || locations.length === before) {
- for (var i = 0; i < 4; i++) {
- var t1 = i >> 1,
- t2 = i & 1,
- i1 = t1 * 6,
- i2 = t2 * 6,
- p1 = new Point(v1[i1], v1[i1 + 1]),
- p2 = new Point(v2[i2], v2[i2 + 1]);
- if (p1.isClose(p2, epsilon)) {
- addLocation(locations, include,
- c1, t1,
- c2, t2);
- }
- }
- }
- }
- }
- return locations;
- }
- function getLoopIntersection(v1, c1, locations, include) {
- var info = Curve.classify(v1);
- if (info.type === 'loop') {
- var roots = info.roots;
- addLocation(locations, include,
- c1, roots[0],
- c1, roots[1]);
- }
- return locations;
- }
- function getIntersections(curves1, curves2, include, matrix1, matrix2,
- _returnFirst) {
- var self = !curves2;
- if (self)
- curves2 = curves1;
- var length1 = curves1.length,
- length2 = curves2.length,
- values2 = [],
- arrays = [],
- locations,
- current;
- for (var i = 0; i < length2; i++)
- values2[i] = curves2[i].getValues(matrix2);
- for (var i = 0; i < length1; i++) {
- var curve1 = curves1[i],
- values1 = self ? values2[i] : curve1.getValues(matrix1),
- path1 = curve1.getPath();
- if (path1 !== current) {
- current = path1;
- locations = [];
- arrays.push(locations);
- }
- if (self) {
- getLoopIntersection(values1, curve1, locations, include);
- }
- for (var j = self ? i + 1 : 0; j < length2; j++) {
- if (_returnFirst && locations.length)
- return locations;
- getCurveIntersections(values1, values2[j], curve1, curves2[j],
- locations, include);
- }
- }
- locations = [];
- for (var i = 0, l = arrays.length; i < l; i++) {
- locations.push.apply(locations, arrays[i]);
- }
- return locations;
- }
- function getOverlaps(v1, v2) {
- function getSquaredLineLength(v) {
- var x = v[6] - v[0],
- y = v[7] - v[1];
- return x * x + y * y;
- }
- var abs = Math.abs,
- getDistance = Line.getDistance,
- timeEpsilon = 1e-8,
- geomEpsilon = 1e-7,
- straight1 = Curve.isStraight(v1),
- straight2 = Curve.isStraight(v2),
- straightBoth = straight1 && straight2,
- flip = getSquaredLineLength(v1) < getSquaredLineLength(v2),
- l1 = flip ? v2 : v1,
- l2 = flip ? v1 : v2,
- px = l1[0], py = l1[1],
- vx = l1[6] - px, vy = l1[7] - py;
- if (getDistance(px, py, vx, vy, l2[0], l2[1], true) < geomEpsilon &&
- getDistance(px, py, vx, vy, l2[6], l2[7], true) < geomEpsilon) {
- if (!straightBoth &&
- getDistance(px, py, vx, vy, l1[2], l1[3], true) < geomEpsilon &&
- getDistance(px, py, vx, vy, l1[4], l1[5], true) < geomEpsilon &&
- getDistance(px, py, vx, vy, l2[2], l2[3], true) < geomEpsilon &&
- getDistance(px, py, vx, vy, l2[4], l2[5], true) < geomEpsilon) {
- straight1 = straight2 = straightBoth = true;
- }
- } else if (straightBoth) {
- return null;
- }
- if (straight1 ^ straight2) {
- return null;
- }
- var v = [v1, v2],
- pairs = [];
- for (var i = 0; i < 4 && pairs.length < 2; i++) {
- var i1 = i & 1,
- i2 = i1 ^ 1,
- t1 = i >> 1,
- t2 = Curve.getTimeOf(v[i1], new Point(
- v[i2][t1 ? 6 : 0],
- v[i2][t1 ? 7 : 1]));
- if (t2 != null) {
- var pair = i1 ? [t1, t2] : [t2, t1];
- if (!pairs.length ||
- abs(pair[0] - pairs[0][0]) > timeEpsilon &&
- abs(pair[1] - pairs[0][1]) > timeEpsilon) {
- pairs.push(pair);
- }
- }
- if (i > 2 && !pairs.length)
- break;
- }
- if (pairs.length !== 2) {
- pairs = null;
- } else if (!straightBoth) {
- var o1 = Curve.getPart(v1, pairs[0][0], pairs[1][0]),
- o2 = Curve.getPart(v2, pairs[0][1], pairs[1][1]);
- if (abs(o2[2] - o1[2]) > geomEpsilon ||
- abs(o2[3] - o1[3]) > geomEpsilon ||
- abs(o2[4] - o1[4]) > geomEpsilon ||
- abs(o2[5] - o1[5]) > geomEpsilon)
- pairs = null;
- }
- return pairs;
- }
- return {
- getIntersections: function(curve) {
- var v1 = this.getValues(),
- v2 = curve && curve !== this && curve.getValues();
- return v2 ? getCurveIntersections(v1, v2, this, curve, [])
- : getLoopIntersection(v1, this, []);
- },
- statics: {
- getOverlaps: getOverlaps,
- getIntersections: getIntersections,
- getCurveLineIntersections: getCurveLineIntersections
- }
- };
- });
- var CurveLocation = Base.extend({
- _class: 'CurveLocation',
- initialize: function CurveLocation(curve, time, point, _overlap, _distance) {
- if (time >= 0.99999999) {
- var next = curve.getNext();
- if (next) {
- time = 0;
- curve = next;
- }
- }
- this._setCurve(curve);
- this._time = time;
- this._point = point || curve.getPointAtTime(time);
- this._overlap = _overlap;
- this._distance = _distance;
- this._intersection = this._next = this._previous = null;
- },
- _setCurve: function(curve) {
- var path = curve._path;
- this._path = path;
- this._version = path ? path._version : 0;
- this._curve = curve;
- this._segment = null;
- this._segment1 = curve._segment1;
- this._segment2 = curve._segment2;
- },
- _setSegment: function(segment) {
- this._setCurve(segment.getCurve());
- this._segment = segment;
- this._time = segment === this._segment1 ? 0 : 1;
- this._point = segment._point.clone();
- },
- getSegment: function() {
- var segment = this._segment;
- if (!segment) {
- var curve = this.getCurve(),
- time = this.getTime();
- if (time === 0) {
- segment = curve._segment1;
- } else if (time === 1) {
- segment = curve._segment2;
- } else if (time != null) {
- segment = curve.getPartLength(0, time)
- < curve.getPartLength(time, 1)
- ? curve._segment1
- : curve._segment2;
- }
- this._segment = segment;
- }
- return segment;
- },
- getCurve: function() {
- var path = this._path,
- that = this;
- if (path && path._version !== this._version) {
- this._time = this._offset = this._curveOffset = this._curve = null;
- }
- function trySegment(segment) {
- var curve = segment && segment.getCurve();
- if (curve && (that._time = curve.getTimeOf(that._point)) != null) {
- that._setCurve(curve);
- return curve;
- }
- }
- return this._curve
- || trySegment(this._segment)
- || trySegment(this._segment1)
- || trySegment(this._segment2.getPrevious());
- },
- getPath: function() {
- var curve = this.getCurve();
- return curve && curve._path;
- },
- getIndex: function() {
- var curve = this.getCurve();
- return curve && curve.getIndex();
- },
- getTime: function() {
- var curve = this.getCurve(),
- time = this._time;
- return curve && time == null
- ? this._time = curve.getTimeOf(this._point)
- : time;
- },
- getParameter: '#getTime',
- getPoint: function() {
- return this._point;
- },
- getOffset: function() {
- var offset = this._offset;
- if (offset == null) {
- offset = 0;
- var path = this.getPath(),
- index = this.getIndex();
- if (path && index != null) {
- var curves = path.getCurves();
- for (var i = 0; i < index; i++)
- offset += curves[i].getLength();
- }
- this._offset = offset += this.getCurveOffset();
- }
- return offset;
- },
- getCurveOffset: function() {
- var offset = this._curveOffset;
- if (offset == null) {
- var curve = this.getCurve(),
- time = this.getTime();
- this._curveOffset = offset = time != null && curve
- && curve.getPartLength(0, time);
- }
- return offset;
- },
- getIntersection: function() {
- return this._intersection;
- },
- getDistance: function() {
- return this._distance;
- },
- divide: function() {
- var curve = this.getCurve(),
- res = curve && curve.divideAtTime(this.getTime());
- if (res) {
- this._setSegment(res._segment1);
- }
- return res;
- },
- split: function() {
- var curve = this.getCurve(),
- path = curve._path,
- res = curve && curve.splitAtTime(this.getTime());
- if (res) {
- this._setSegment(path.getLastSegment());
- }
- return res;
- },
- equals: function(loc, _ignoreOther) {
- var res = this === loc;
- if (!res && loc instanceof CurveLocation) {
- var c1 = this.getCurve(),
- c2 = loc.getCurve(),
- p1 = c1._path,
- p2 = c2._path;
- if (p1 === p2) {
- var abs = Math.abs,
- epsilon = 1e-7,
- diff = abs(this.getOffset() - loc.getOffset()),
- i1 = !_ignoreOther && this._intersection,
- i2 = !_ignoreOther && loc._intersection;
- res = (diff < epsilon
- || p1 && abs(p1.getLength() - diff) < epsilon)
- && (!i1 && !i2 || i1 && i2 && i1.equals(i2, true));
- }
- }
- return res;
- },
- toString: function() {
- var parts = [],
- point = this.getPoint(),
- f = Formatter.instance;
- if (point)
- parts.push('point: ' + point);
- var index = this.getIndex();
- if (index != null)
- parts.push('index: ' + index);
- var time = this.getTime();
- if (time != null)
- parts.push('time: ' + f.number(time));
- if (this._distance != null)
- parts.push('distance: ' + f.number(this._distance));
- return '{ ' + parts.join(', ') + ' }';
- },
- isTouching: function() {
- var inter = this._intersection;
- if (inter && this.getTangent().isCollinear(inter.getTangent())) {
- var curve1 = this.getCurve(),
- curve2 = inter.getCurve();
- return !(curve1.isStraight() && curve2.isStraight()
- && curve1.getLine().intersect(curve2.getLine()));
- }
- return false;
- },
- isCrossing: function() {
- var inter = this._intersection;
- if (!inter)
- return false;
- var t1 = this.getTime(),
- t2 = inter.getTime(),
- tMin = 1e-8,
- tMax = 1 - tMin,
- t1Inside = t1 >= tMin && t1 <= tMax,
- t2Inside = t2 >= tMin && t2 <= tMax;
- if (t1Inside && t2Inside)
- return !this.isTouching();
- var c2 = this.getCurve(),
- c1 = t1 < tMin ? c2.getPrevious() : c2,
- c4 = inter.getCurve(),
- c3 = t2 < tMin ? c4.getPrevious() : c4;
- if (t1 > tMax)
- c2 = c2.getNext();
- if (t2 > tMax)
- c4 = c4.getNext();
- if (!c1 || !c2 || !c3 || !c4)
- return false;
- var offsets = [];
- function addOffsets(curve, end) {
- var v = curve.getValues(),
- roots = Curve.classify(v).roots || Curve.getPeaks(v),
- count = roots.length,
- t = end && count > 1 ? roots[count - 1]
- : count > 0 ? roots[0]
- : 0.5;
- offsets.push(Curve.getLength(v, end ? t : 0, end ? 1 : t) / 2);
- }
- function isInRange(angle, min, max) {
- return min < max
- ? angle > min && angle < max
- : angle > min || angle < max;
- }
- if (!t1Inside) {
- addOffsets(c1, true);
- addOffsets(c2, false);
- }
- if (!t2Inside) {
- addOffsets(c3, true);
- addOffsets(c4, false);
- }
- var pt = this.getPoint(),
- offset = Math.min.apply(Math, offsets),
- v2 = t1Inside ? c2.getTangentAtTime(t1)
- : c2.getPointAt(offset).subtract(pt),
- v1 = t1Inside ? v2.negate()
- : c1.getPointAt(-offset).subtract(pt),
- v4 = t2Inside ? c4.getTangentAtTime(t2)
- : c4.getPointAt(offset).subtract(pt),
- v3 = t2Inside ? v4.negate()
- : c3.getPointAt(-offset).subtract(pt),
- a1 = v1.getAngle(),
- a2 = v2.getAngle(),
- a3 = v3.getAngle(),
- a4 = v4.getAngle();
- return !!(t1Inside
- ? (isInRange(a1, a3, a4) ^ isInRange(a2, a3, a4)) &&
- (isInRange(a1, a4, a3) ^ isInRange(a2, a4, a3))
- : (isInRange(a3, a1, a2) ^ isInRange(a4, a1, a2)) &&
- (isInRange(a3, a2, a1) ^ isInRange(a4, a2, a1)));
- },
- hasOverlap: function() {
- return !!this._overlap;
- }
- }, Base.each(Curve._evaluateMethods, function(name) {
- var get = name + 'At';
- this[name] = function() {
- var curve = this.getCurve(),
- time = this.getTime();
- return time != null && curve && curve[get](time, true);
- };
- }, {
- preserve: true
- }),
- new function() {
- function insert(locations, loc, merge) {
- var length = locations.length,
- l = 0,
- r = length - 1;
- function search(index, dir) {
- for (var i = index + dir; i >= -1 && i <= length; i += dir) {
- var loc2 = locations[((i % length) + length) % length];
- if (!loc.getPoint().isClose(loc2.getPoint(),
- 1e-7))
- break;
- if (loc.equals(loc2))
- return loc2;
- }
- return null;
- }
- while (l <= r) {
- var m = (l + r) >>> 1,
- loc2 = locations[m],
- found;
- if (merge && (found = loc.equals(loc2) ? loc2
- : (search(m, -1) || search(m, 1)))) {
- if (loc._overlap) {
- found._overlap = found._intersection._overlap = true;
- }
- return found;
- }
- var path1 = loc.getPath(),
- path2 = loc2.getPath(),
- diff = path1 !== path2
- ? path1._id - path2._id
- : (loc.getIndex() + loc.getTime())
- - (loc2.getIndex() + loc2.getTime());
- if (diff < 0) {
- r = m - 1;
- } else {
- l = m + 1;
- }
- }
- locations.splice(l, 0, loc);
- return loc;
- }
- return { statics: {
- insert: insert,
- expand: function(locations) {
- var expanded = locations.slice();
- for (var i = locations.length - 1; i >= 0; i--) {
- insert(expanded, locations[i]._intersection, false);
- }
- return expanded;
- }
- }};
- });
- var PathItem = Item.extend({
- _class: 'PathItem',
- _selectBounds: false,
- _canScaleStroke: true,
- beans: true,
- initialize: function PathItem() {
- },
- statics: {
- create: function(arg) {
- var data,
- segments,
- compound;
- if (Base.isPlainObject(arg)) {
- segments = arg.segments;
- data = arg.pathData;
- } else if (Array.isArray(arg)) {
- segments = arg;
- } else if (typeof arg === 'string') {
- data = arg;
- }
- if (segments) {
- var first = segments[0];
- compound = first && Array.isArray(first[0]);
- } else if (data) {
- compound = (data.match(/m/gi) || []).length > 1
- || /z\s*\S+/i.test(data);
- }
- var ctor = compound ? CompoundPath : Path;
- return new ctor(arg);
- }
- },
- _asPathItem: function() {
- return this;
- },
- isClockwise: function() {
- return this.getArea() >= 0;
- },
- setClockwise: function(clockwise) {
- if (this.isClockwise() != (clockwise = !!clockwise))
- this.reverse();
- },
- setPathData: function(data) {
- var parts = data && data.match(/[mlhvcsqtaz][^mlhvcsqtaz]*/ig),
- coords,
- relative = false,
- previous,
- control,
- current = new Point(),
- start = new Point();
- function getCoord(index, coord) {
- var val = +coords[index];
- if (relative)
- val += current[coord];
- return val;
- }
- function getPoint(index) {
- return new Point(
- getCoord(index, 'x'),
- getCoord(index + 1, 'y')
- );
- }
- this.clear();
- for (var i = 0, l = parts && parts.length; i < l; i++) {
- var part = parts[i],
- command = part[0],
- lower = command.toLowerCase();
- coords = part.match(/[+-]?(?:\d*\.\d+|\d+\.?)(?:[eE][+-]?\d+)?/g);
- var length = coords && coords.length;
- relative = command === lower;
- if (previous === 'z' && !/[mz]/.test(lower))
- this.moveTo(current);
- switch (lower) {
- case 'm':
- case 'l':
- var move = lower === 'm';
- for (var j = 0; j < length; j += 2) {
- this[move ? 'moveTo' : 'lineTo'](current = getPoint(j));
- if (move) {
- start = current;
- move = false;
- }
- }
- control = current;
- break;
- case 'h':
- case 'v':
- var coord = lower === 'h' ? 'x' : 'y';
- current = current.clone();
- for (var j = 0; j < length; j++) {
- current[coord] = getCoord(j, coord);
- this.lineTo(current);
- }
- control = current;
- break;
- case 'c':
- for (var j = 0; j < length; j += 6) {
- this.cubicCurveTo(
- getPoint(j),
- control = getPoint(j + 2),
- current = getPoint(j + 4));
- }
- break;
- case 's':
- for (var j = 0; j < length; j += 4) {
- this.cubicCurveTo(
- /[cs]/.test(previous)
- ? current.multiply(2).subtract(control)
- : current,
- control = getPoint(j),
- current = getPoint(j + 2));
- previous = lower;
- }
- break;
- case 'q':
- for (var j = 0; j < length; j += 4) {
- this.quadraticCurveTo(
- control = getPoint(j),
- current = getPoint(j + 2));
- }
- break;
- case 't':
- for (var j = 0; j < length; j += 2) {
- this.quadraticCurveTo(
- control = (/[qt]/.test(previous)
- ? current.multiply(2).subtract(control)
- : current),
- current = getPoint(j));
- previous = lower;
- }
- break;
- case 'a':
- for (var j = 0; j < length; j += 7) {
- this.arcTo(current = getPoint(j + 5),
- new Size(+coords[j], +coords[j + 1]),
- +coords[j + 2], +coords[j + 4], +coords[j + 3]);
- }
- break;
- case 'z':
- this.closePath(1e-12);
- current = start;
- break;
- }
- previous = lower;
- }
- },
- _canComposite: function() {
- return !(this.hasFill() && this.hasStroke());
- },
- _contains: function(point) {
- var winding = point.isInside(
- this.getBounds({ internal: true, handle: true }))
- ? this._getWinding(point)
- : {};
- return winding.onPath || !!(this.getFillRule() === 'evenodd'
- ? winding.windingL & 1 || winding.windingR & 1
- : winding.winding);
- },
- getIntersections: function(path, include, _matrix, _returnFirst) {
- var self = this === path || !path,
- matrix1 = this._matrix._orNullIfIdentity(),
- matrix2 = self ? matrix1
- : (_matrix || path._matrix)._orNullIfIdentity();
- return self || this.getBounds(matrix1).intersects(
- path.getBounds(matrix2), 1e-12)
- ? Curve.getIntersections(
- this.getCurves(), !self && path.getCurves(), include,
- matrix1, matrix2, _returnFirst)
- : [];
- },
- getCrossings: function(path) {
- return this.getIntersections(path, function(inter) {
- return inter.hasOverlap() || inter.isCrossing();
- });
- },
- getNearestLocation: function() {
- var point = Point.read(arguments),
- curves = this.getCurves(),
- minDist = Infinity,
- minLoc = null;
- for (var i = 0, l = curves.length; i < l; i++) {
- var loc = curves[i].getNearestLocation(point);
- if (loc._distance < minDist) {
- minDist = loc._distance;
- minLoc = loc;
- }
- }
- return minLoc;
- },
- getNearestPoint: function() {
- var loc = this.getNearestLocation.apply(this, arguments);
- return loc ? loc.getPoint() : loc;
- },
- interpolate: function(from, to, factor) {
- var isPath = !this._children,
- name = isPath ? '_segments' : '_children',
- itemsFrom = from[name],
- itemsTo = to[name],
- items = this[name];
- if (!itemsFrom || !itemsTo || itemsFrom.length !== itemsTo.length) {
- throw new Error('Invalid operands in interpolate() call: ' +
- from + ', ' + to);
- }
- var current = items.length,
- length = itemsTo.length;
- if (current < length) {
- var ctor = isPath ? Segment : Path;
- for (var i = current; i < length; i++) {
- this.add(new ctor());
- }
- } else if (current > length) {
- this[isPath ? 'removeSegments' : 'removeChildren'](length, current);
- }
- for (var i = 0; i < length; i++) {
- items[i].interpolate(itemsFrom[i], itemsTo[i], factor);
- }
- if (isPath) {
- this.setClosed(from._closed);
- this._changed(9);
- }
- },
- compare: function(path) {
- var ok = false;
- if (path) {
- var paths1 = this._children || [this],
- paths2 = path._children ? path._children.slice() : [path],
- length1 = paths1.length,
- length2 = paths2.length,
- matched = [],
- count = 0;
- ok = true;
- for (var i1 = length1 - 1; i1 >= 0 && ok; i1--) {
- var path1 = paths1[i1];
- ok = false;
- for (var i2 = length2 - 1; i2 >= 0 && !ok; i2--) {
- if (path1.compare(paths2[i2])) {
- if (!matched[i2]) {
- matched[i2] = true;
- count++;
- }
- ok = true;
- }
- }
- }
- ok = ok && count === length2;
- }
- return ok;
- },
- });
- var Path = PathItem.extend({
- _class: 'Path',
- _serializeFields: {
- segments: [],
- closed: false
- },
- initialize: function Path(arg) {
- this._closed = false;
- this._segments = [];
- this._version = 0;
- var segments = Array.isArray(arg)
- ? typeof arg[0] === 'object'
- ? arg
- : arguments
- : arg && (arg.size === undefined && (arg.x !== undefined
- || arg.point !== undefined))
- ? arguments
- : null;
- if (segments && segments.length > 0) {
- this.setSegments(segments);
- } else {
- this._curves = undefined;
- this._segmentSelection = 0;
- if (!segments && typeof arg === 'string') {
- this.setPathData(arg);
- arg = null;
- }
- }
- this._initialize(!segments && arg);
- },
- _equals: function(item) {
- return this._closed === item._closed
- && Base.equals(this._segments, item._segments);
- },
- copyContent: function(source) {
- this.setSegments(source._segments);
- this._closed = source._closed;
- },
- _changed: function _changed(flags) {
- _changed.base.call(this, flags);
- if (flags & 8) {
- this._length = this._area = undefined;
- if (flags & 16) {
- this._version++;
- } else if (this._curves) {
- for (var i = 0, l = this._curves.length; i < l; i++)
- this._curves[i]._changed();
- }
- } else if (flags & 32) {
- this._bounds = undefined;
- }
- },
- getStyle: function() {
- var parent = this._parent;
- return (parent instanceof CompoundPath ? parent : this)._style;
- },
- getSegments: function() {
- return this._segments;
- },
- setSegments: function(segments) {
- var fullySelected = this.isFullySelected(),
- length = segments && segments.length;
- this._segments.length = 0;
- this._segmentSelection = 0;
- this._curves = undefined;
- if (length) {
- var last = segments[length - 1];
- if (typeof last === 'boolean') {
- this.setClosed(last);
- length--;
- }
- this._add(Segment.readList(segments, 0, {}, length));
- }
- if (fullySelected)
- this.setFullySelected(true);
- },
- getFirstSegment: function() {
- return this._segments[0];
- },
- getLastSegment: function() {
- return this._segments[this._segments.length - 1];
- },
- getCurves: function() {
- var curves = this._curves,
- segments = this._segments;
- if (!curves) {
- var length = this._countCurves();
- curves = this._curves = new Array(length);
- for (var i = 0; i < length; i++)
- curves[i] = new Curve(this, segments[i],
- segments[i + 1] || segments[0]);
- }
- return curves;
- },
- getFirstCurve: function() {
- return this.getCurves()[0];
- },
- getLastCurve: function() {
- var curves = this.getCurves();
- return curves[curves.length - 1];
- },
- isClosed: function() {
- return this._closed;
- },
- setClosed: function(closed) {
- if (this._closed != (closed = !!closed)) {
- this._closed = closed;
- if (this._curves) {
- var length = this._curves.length = this._countCurves();
- if (closed)
- this._curves[length - 1] = new Curve(this,
- this._segments[length - 1], this._segments[0]);
- }
- this._changed(25);
- }
- }
- }, {
- beans: true,
- getPathData: function(_matrix, _precision) {
- var segments = this._segments,
- length = segments.length,
- f = new Formatter(_precision),
- coords = new Array(6),
- first = true,
- curX, curY,
- prevX, prevY,
- inX, inY,
- outX, outY,
- parts = [];
- function addSegment(segment, skipLine) {
- segment._transformCoordinates(_matrix, coords);
- curX = coords[0];
- curY = coords[1];
- if (first) {
- parts.push('M' + f.pair(curX, curY));
- first = false;
- } else {
- inX = coords[2];
- inY = coords[3];
- if (inX === curX && inY === curY
- && outX === prevX && outY === prevY) {
- if (!skipLine) {
- var dx = curX - prevX,
- dy = curY - prevY;
- parts.push(
- dx === 0 ? 'v' + f.number(dy)
- : dy === 0 ? 'h' + f.number(dx)
- : 'l' + f.pair(dx, dy));
- }
- } else {
- parts.push('c' + f.pair(outX - prevX, outY - prevY)
- + ' ' + f.pair( inX - prevX, inY - prevY)
- + ' ' + f.pair(curX - prevX, curY - prevY));
- }
- }
- prevX = curX;
- prevY = curY;
- outX = coords[4];
- outY = coords[5];
- }
- if (!length)
- return '';
- for (var i = 0; i < length; i++)
- addSegment(segments[i]);
- if (this._closed && length > 0) {
- addSegment(segments[0], true);
- parts.push('z');
- }
- return parts.join('');
- },
- isEmpty: function() {
- return !this._segments.length;
- },
- _transformContent: function(matrix) {
- var segments = this._segments,
- coords = new Array(6);
- for (var i = 0, l = segments.length; i < l; i++)
- segments[i]._transformCoordinates(matrix, coords, true);
- return true;
- },
- _add: function(segs, index) {
- var segments = this._segments,
- curves = this._curves,
- amount = segs.length,
- append = index == null,
- index = append ? segments.length : index;
- for (var i = 0; i < amount; i++) {
- var segment = segs[i];
- if (segment._path)
- segment = segs[i] = segment.clone();
- segment._path = this;
- segment._index = index + i;
- if (segment._selection)
- this._updateSelection(segment, 0, segment._selection);
- }
- if (append) {
- segments.push.apply(segments, segs);
- } else {
- segments.splice.apply(segments, [index, 0].concat(segs));
- for (var i = index + amount, l = segments.length; i < l; i++)
- segments[i]._index = i;
- }
- if (curves) {
- var total = this._countCurves(),
- start = index > 0 && index + amount - 1 === total ? index - 1
- : index,
- insert = start,
- end = Math.min(start + amount, total);
- if (segs._curves) {
- curves.splice.apply(curves, [start, 0].concat(segs._curves));
- insert += segs._curves.length;
- }
- for (var i = insert; i < end; i++)
- curves.splice(i, 0, new Curve(this, null, null));
- this._adjustCurves(start, end);
- }
- this._changed(25);
- return segs;
- },
- _adjustCurves: function(start, end) {
- var segments = this._segments,
- curves = this._curves,
- curve;
- for (var i = start; i < end; i++) {
- curve = curves[i];
- curve._path = this;
- curve._segment1 = segments[i];
- curve._segment2 = segments[i + 1] || segments[0];
- curve._changed();
- }
- if (curve = curves[this._closed && !start ? segments.length - 1
- : start - 1]) {
- curve._segment2 = segments[start] || segments[0];
- curve._changed();
- }
- if (curve = curves[end]) {
- curve._segment1 = segments[end];
- curve._changed();
- }
- },
- _countCurves: function() {
- var length = this._segments.length;
- return !this._closed && length > 0 ? length - 1 : length;
- },
- add: function(segment1 ) {
- return arguments.length > 1 && typeof segment1 !== 'number'
- ? this._add(Segment.readList(arguments))
- : this._add([ Segment.read(arguments) ])[0];
- },
- insert: function(index, segment1 ) {
- return arguments.length > 2 && typeof segment1 !== 'number'
- ? this._add(Segment.readList(arguments, 1), index)
- : this._add([ Segment.read(arguments, 1) ], index)[0];
- },
- addSegment: function() {
- return this._add([ Segment.read(arguments) ])[0];
- },
- insertSegment: function(index ) {
- return this._add([ Segment.read(arguments, 1) ], index)[0];
- },
- addSegments: function(segments) {
- return this._add(Segment.readList(segments));
- },
- insertSegments: function(index, segments) {
- return this._add(Segment.readList(segments), index);
- },
- removeSegment: function(index) {
- return this.removeSegments(index, index + 1)[0] || null;
- },
- removeSegments: function(start, end, _includeCurves) {
- start = start || 0;
- end = Base.pick(end, this._segments.length);
- var segments = this._segments,
- curves = this._curves,
- count = segments.length,
- removed = segments.splice(start, end - start),
- amount = removed.length;
- if (!amount)
- return removed;
- for (var i = 0; i < amount; i++) {
- var segment = removed[i];
- if (segment._selection)
- this._updateSelection(segment, segment._selection, 0);
- segment._index = segment._path = null;
- }
- for (var i = start, l = segments.length; i < l; i++)
- segments[i]._index = i;
- if (curves) {
- var index = start > 0 && end === count + (this._closed ? 1 : 0)
- ? start - 1
- : start,
- curves = curves.splice(index, amount);
- for (var i = curves.length - 1; i >= 0; i--)
- curves[i]._path = null;
- if (_includeCurves)
- removed._curves = curves.slice(1);
- this._adjustCurves(index, index);
- }
- this._changed(25);
- return removed;
- },
- clear: '#removeSegments',
- hasHandles: function() {
- var segments = this._segments;
- for (var i = 0, l = segments.length; i < l; i++) {
- if (segments[i].hasHandles())
- return true;
- }
- return false;
- },
- clearHandles: function() {
- var segments = this._segments;
- for (var i = 0, l = segments.length; i < l; i++)
- segments[i].clearHandles();
- },
- getLength: function() {
- if (this._length == null) {
- var curves = this.getCurves(),
- length = 0;
- for (var i = 0, l = curves.length; i < l; i++)
- length += curves[i].getLength();
- this._length = length;
- }
- return this._length;
- },
- getArea: function() {
- var area = this._area;
- if (area == null) {
- var segments = this._segments,
- closed = this._closed;
- area = 0;
- for (var i = 0, l = segments.length; i < l; i++) {
- var last = i + 1 === l;
- area += Curve.getArea(Curve.getValues(
- segments[i], segments[last ? 0 : i + 1],
- null, last && !closed));
- }
- this._area = area;
- }
- return area;
- },
- isFullySelected: function() {
- var length = this._segments.length;
- return this.isSelected() && length > 0 && this._segmentSelection
- === length * 7;
- },
- setFullySelected: function(selected) {
- if (selected)
- this._selectSegments(true);
- this.setSelected(selected);
- },
- setSelection: function setSelection(selection) {
- if (!(selection & 1))
- this._selectSegments(false);
- setSelection.base.call(this, selection);
- },
- _selectSegments: function(selected) {
- var segments = this._segments,
- length = segments.length,
- selection = selected ? 7 : 0;
- this._segmentSelection = selection * length;
- for (var i = 0; i < length; i++)
- segments[i]._selection = selection;
- },
- _updateSelection: function(segment, oldSelection, newSelection) {
- segment._selection = newSelection;
- var selection = this._segmentSelection += newSelection - oldSelection;
- if (selection > 0)
- this.setSelected(true);
- },
- divideAt: function(location) {
- var loc = this.getLocationAt(location),
- curve;
- return loc && (curve = loc.getCurve().divideAt(loc.getCurveOffset()))
- ? curve._segment1
- : null;
- },
- splitAt: function(location) {
- var loc = this.getLocationAt(location),
- index = loc && loc.index,
- time = loc && loc.time,
- tMin = 1e-8,
- tMax = 1 - tMin;
- if (time > tMax) {
- index++;
- time = 0;
- }
- var curves = this.getCurves();
- if (index >= 0 && index < curves.length) {
- if (time >= tMin) {
- curves[index++].divideAtTime(time);
- }
- var segs = this.removeSegments(index, this._segments.length, true),
- path;
- if (this._closed) {
- this.setClosed(false);
- path = this;
- } else {
- path = new Path(Item.NO_INSERT);
- path.insertAbove(this);
- path.copyAttributes(this);
- }
- path._add(segs, 0);
- this.addSegment(segs[0]);
- return path;
- }
- return null;
- },
- split: function(index, time) {
- var curve,
- location = time === undefined ? index
- : (curve = this.getCurves()[index])
- && curve.getLocationAtTime(time);
- return location != null ? this.splitAt(location) : null;
- },
- join: function(path, tolerance) {
- var epsilon = tolerance || 0;
- if (path && path !== this) {
- var segments = path._segments,
- last1 = this.getLastSegment(),
- last2 = path.getLastSegment();
- if (!last2)
- return this;
- if (last1 && last1._point.isClose(last2._point, epsilon))
- path.reverse();
- var first2 = path.getFirstSegment();
- if (last1 && last1._point.isClose(first2._point, epsilon)) {
- last1.setHandleOut(first2._handleOut);
- this._add(segments.slice(1));
- } else {
- var first1 = this.getFirstSegment();
- if (first1 && first1._point.isClose(first2._point, epsilon))
- path.reverse();
- last2 = path.getLastSegment();
- if (first1 && first1._point.isClose(last2._point, epsilon)) {
- first1.setHandleIn(last2._handleIn);
- this._add(segments.slice(0, segments.length - 1), 0);
- } else {
- this._add(segments.slice());
- }
- }
- if (path._closed)
- this._add([segments[0]]);
- path.remove();
- }
- var first = this.getFirstSegment(),
- last = this.getLastSegment();
- if (first !== last && first._point.isClose(last._point, epsilon)) {
- first.setHandleIn(last._handleIn);
- last.remove();
- this.setClosed(true);
- }
- return this;
- },
- reduce: function(options) {
- var curves = this.getCurves(),
- simplify = options && options.simplify,
- tolerance = simplify ? 1e-7 : 0;
- for (var i = curves.length - 1; i >= 0; i--) {
- var curve = curves[i];
- if (!curve.hasHandles() && (!curve.hasLength(tolerance)
- || simplify && curve.isCollinear(curve.getNext())))
- curve.remove();
- }
- return this;
- },
- reverse: function() {
- this._segments.reverse();
- for (var i = 0, l = this._segments.length; i < l; i++) {
- var segment = this._segments[i];
- var handleIn = segment._handleIn;
- segment._handleIn = segment._handleOut;
- segment._handleOut = handleIn;
- segment._index = i;
- }
- this._curves = null;
- this._changed(9);
- },
- flatten: function(flatness) {
- var flattener = new PathFlattener(this, flatness || 0.25, 256, true),
- parts = flattener.parts,
- length = parts.length,
- segments = [];
- for (var i = 0; i < length; i++) {
- segments.push(new Segment(parts[i].curve.slice(0, 2)));
- }
- if (!this._closed && length > 0) {
- segments.push(new Segment(parts[length - 1].curve.slice(6)));
- }
- this.setSegments(segments);
- },
- simplify: function(tolerance) {
- var segments = new PathFitter(this).fit(tolerance || 2.5);
- if (segments)
- this.setSegments(segments);
- return !!segments;
- },
- smooth: function(options) {
- var that = this,
- opts = options || {},
- type = opts.type || 'asymmetric',
- segments = this._segments,
- length = segments.length,
- closed = this._closed;
- function getIndex(value, _default) {
- var index = value && value.index;
- if (index != null) {
- var path = value.path;
- if (path && path !== that)
- throw new Error(value._class + ' ' + index + ' of ' + path
- + ' is not part of ' + that);
- if (_default && value instanceof Curve)
- index++;
- } else {
- index = typeof value === 'number' ? value : _default;
- }
- return Math.min(index < 0 && closed
- ? index % length
- : index < 0 ? index + length : index, length - 1);
- }
- var loop = closed && opts.from === undefined && opts.to === undefined,
- from = getIndex(opts.from, 0),
- to = getIndex(opts.to, length - 1);
- if (from > to) {
- if (closed) {
- from -= length;
- } else {
- var tmp = from;
- from = to;
- to = tmp;
- }
- }
- if (/^(?:asymmetric|continuous)$/.test(type)) {
- var asymmetric = type === 'asymmetric',
- min = Math.min,
- amount = to - from + 1,
- n = amount - 1,
- padding = loop ? min(amount, 4) : 1,
- paddingLeft = padding,
- paddingRight = padding,
- knots = [];
- if (!closed) {
- paddingLeft = min(1, from);
- paddingRight = min(1, length - to - 1);
- }
- n += paddingLeft + paddingRight;
- if (n <= 1)
- return;
- for (var i = 0, j = from - paddingLeft; i <= n; i++, j++) {
- knots[i] = segments[(j < 0 ? j + length : j) % length]._point;
- }
- var x = knots[0]._x + 2 * knots[1]._x,
- y = knots[0]._y + 2 * knots[1]._y,
- f = 2,
- n_1 = n - 1,
- rx = [x],
- ry = [y],
- rf = [f],
- px = [],
- py = [];
- for (var i = 1; i < n; i++) {
- var internal = i < n_1,
- a = internal ? 1 : asymmetric ? 1 : 2,
- b = internal ? 4 : asymmetric ? 2 : 7,
- u = internal ? 4 : asymmetric ? 3 : 8,
- v = internal ? 2 : asymmetric ? 0 : 1,
- m = a / f;
- f = rf[i] = b - m;
- x = rx[i] = u * knots[i]._x + v * knots[i + 1]._x - m * x;
- y = ry[i] = u * knots[i]._y + v * knots[i + 1]._y - m * y;
- }
- px[n_1] = rx[n_1] / rf[n_1];
- py[n_1] = ry[n_1] / rf[n_1];
- for (var i = n - 2; i >= 0; i--) {
- px[i] = (rx[i] - px[i + 1]) / rf[i];
- py[i] = (ry[i] - py[i + 1]) / rf[i];
- }
- px[n] = (3 * knots[n]._x - px[n_1]) / 2;
- py[n] = (3 * knots[n]._y - py[n_1]) / 2;
- for (var i = paddingLeft, max = n - paddingRight, j = from;
- i <= max; i++, j++) {
- var segment = segments[j < 0 ? j + length : j],
- pt = segment._point,
- hx = px[i] - pt._x,
- hy = py[i] - pt._y;
- if (loop || i < max)
- segment.setHandleOut(hx, hy);
- if (loop || i > paddingLeft)
- segment.setHandleIn(-hx, -hy);
- }
- } else {
- for (var i = from; i <= to; i++) {
- segments[i < 0 ? i + length : i].smooth(opts,
- !loop && i === from, !loop && i === to);
- }
- }
- },
- toShape: function(insert) {
- if (!this._closed)
- return null;
- var segments = this._segments,
- type,
- size,
- radius,
- topCenter;
- function isCollinear(i, j) {
- var seg1 = segments[i],
- seg2 = seg1.getNext(),
- seg3 = segments[j],
- seg4 = seg3.getNext();
- return seg1._handleOut.isZero() && seg2._handleIn.isZero()
- && seg3._handleOut.isZero() && seg4._handleIn.isZero()
- && seg2._point.subtract(seg1._point).isCollinear(
- seg4._point.subtract(seg3._point));
- }
- function isOrthogonal(i) {
- var seg2 = segments[i],
- seg1 = seg2.getPrevious(),
- seg3 = seg2.getNext();
- return seg1._handleOut.isZero() && seg2._handleIn.isZero()
- && seg2._handleOut.isZero() && seg3._handleIn.isZero()
- && seg2._point.subtract(seg1._point).isOrthogonal(
- seg3._point.subtract(seg2._point));
- }
- function isArc(i) {
- var seg1 = segments[i],
- seg2 = seg1.getNext(),
- handle1 = seg1._handleOut,
- handle2 = seg2._handleIn,
- kappa = 0.5522847498307936;
- if (handle1.isOrthogonal(handle2)) {
- var pt1 = seg1._point,
- pt2 = seg2._point,
- corner = new Line(pt1, handle1, true).intersect(
- new Line(pt2, handle2, true), true);
- return corner && Numerical.isZero(handle1.getLength() /
- corner.subtract(pt1).getLength() - kappa)
- && Numerical.isZero(handle2.getLength() /
- corner.subtract(pt2).getLength() - kappa);
- }
- return false;
- }
- function getDistance(i, j) {
- return segments[i]._point.getDistance(segments[j]._point);
- }
- if (!this.hasHandles() && segments.length === 4
- && isCollinear(0, 2) && isCollinear(1, 3) && isOrthogonal(1)) {
- type = Shape.Rectangle;
- size = new Size(getDistance(0, 3), getDistance(0, 1));
- topCenter = segments[1]._point.add(segments[2]._point).divide(2);
- } else if (segments.length === 8 && isArc(0) && isArc(2) && isArc(4)
- && isArc(6) && isCollinear(1, 5) && isCollinear(3, 7)) {
- type = Shape.Rectangle;
- size = new Size(getDistance(1, 6), getDistance(0, 3));
- radius = size.subtract(new Size(getDistance(0, 7),
- getDistance(1, 2))).divide(2);
- topCenter = segments[3]._point.add(segments[4]._point).divide(2);
- } else if (segments.length === 4
- && isArc(0) && isArc(1) && isArc(2) && isArc(3)) {
- if (Numerical.isZero(getDistance(0, 2) - getDistance(1, 3))) {
- type = Shape.Circle;
- radius = getDistance(0, 2) / 2;
- } else {
- type = Shape.Ellipse;
- radius = new Size(getDistance(2, 0) / 2, getDistance(3, 1) / 2);
- }
- topCenter = segments[1]._point;
- }
- if (type) {
- var center = this.getPosition(true),
- shape = new type({
- center: center,
- size: size,
- radius: radius,
- insert: false
- });
- shape.copyAttributes(this, true);
- shape._matrix.prepend(this._matrix);
- shape.rotate(topCenter.subtract(center).getAngle() + 90);
- if (insert === undefined || insert)
- shape.insertAbove(this);
- return shape;
- }
- return null;
- },
- toPath: '#clone',
- compare: function compare(path) {
- if (!path || path instanceof CompoundPath)
- return compare.base.call(this, path);
- var curves1 = this.getCurves(),
- curves2 = path.getCurves(),
- length1 = curves1.length,
- length2 = curves2.length;
- if (!length1 || !length2) {
- return length1 == length2;
- }
- var v1 = curves1[0].getValues(),
- values2 = [],
- pos1 = 0, pos2,
- end1 = 0, end2;
- for (var i = 0; i < length2; i++) {
- var v2 = curves2[i].getValues();
- values2.push(v2);
- var overlaps = Curve.getOverlaps(v1, v2);
- if (overlaps) {
- pos2 = !i && overlaps[0][0] > 0 ? length2 - 1 : i;
- end2 = overlaps[0][1];
- break;
- }
- }
- var abs = Math.abs,
- epsilon = 1e-8,
- v2 = values2[pos2],
- start2;
- while (v1 && v2) {
- var overlaps = Curve.getOverlaps(v1, v2);
- if (overlaps) {
- var t1 = overlaps[0][0];
- if (abs(t1 - end1) < epsilon) {
- end1 = overlaps[1][0];
- if (end1 === 1) {
- v1 = ++pos1 < length1 ? curves1[pos1].getValues() : null;
- end1 = 0;
- }
- var t2 = overlaps[0][1];
- if (abs(t2 - end2) < epsilon) {
- if (!start2)
- start2 = [pos2, t2];
- end2 = overlaps[1][1];
- if (end2 === 1) {
- if (++pos2 >= length2)
- pos2 = 0;
- v2 = values2[pos2] || curves2[pos2].getValues();
- end2 = 0;
- }
- if (!v1) {
- return start2[0] === pos2 && start2[1] === end2;
- }
- continue;
- }
- }
- }
- break;
- }
- return false;
- },
- _hitTestSelf: function(point, options, viewMatrix, strokeMatrix) {
- var that = this,
- style = this.getStyle(),
- segments = this._segments,
- numSegments = segments.length,
- closed = this._closed,
- tolerancePadding = options._tolerancePadding,
- strokePadding = tolerancePadding,
- join, cap, miterLimit,
- area, loc, res,
- hitStroke = options.stroke && style.hasStroke(),
- hitFill = options.fill && style.hasFill(),
- hitCurves = options.curves,
- strokeRadius = hitStroke
- ? style.getStrokeWidth() / 2
- : hitFill && options.tolerance > 0 || hitCurves
- ? 0 : null;
- if (strokeRadius !== null) {
- if (strokeRadius > 0) {
- join = style.getStrokeJoin();
- cap = style.getStrokeCap();
- miterLimit = style.getMiterLimit();
- strokePadding = strokePadding.add(
- Path._getStrokePadding(strokeRadius, strokeMatrix));
- } else {
- join = cap = 'round';
- }
- }
- function isCloseEnough(pt, padding) {
- return point.subtract(pt).divide(padding).length <= 1;
- }
- function checkSegmentPoint(seg, pt, name) {
- if (!options.selected || pt.isSelected()) {
- var anchor = seg._point;
- if (pt !== anchor)
- pt = pt.add(anchor);
- if (isCloseEnough(pt, strokePadding)) {
- return new HitResult(name, that, {
- segment: seg,
- point: pt
- });
- }
- }
- }
- function checkSegmentPoints(seg, ends) {
- return (ends || options.segments)
- && checkSegmentPoint(seg, seg._point, 'segment')
- || (!ends && options.handles) && (
- checkSegmentPoint(seg, seg._handleIn, 'handle-in') ||
- checkSegmentPoint(seg, seg._handleOut, 'handle-out'));
- }
- function addToArea(point) {
- area.add(point);
- }
- function checkSegmentStroke(segment) {
- var isJoin = closed || segment._index > 0
- && segment._index < numSegments - 1;
- if ((isJoin ? join : cap) === 'round') {
- return isCloseEnough(segment._point, strokePadding);
- } else {
- area = new Path({ internal: true, closed: true });
- if (isJoin) {
- if (!segment.isSmooth()) {
- Path._addBevelJoin(segment, join, strokeRadius,
- miterLimit, null, strokeMatrix, addToArea, true);
- }
- } else if (cap === 'square') {
- Path._addSquareCap(segment, cap, strokeRadius, null,
- strokeMatrix, addToArea, true);
- }
- if (!area.isEmpty()) {
- var loc;
- return area.contains(point)
- || (loc = area.getNearestLocation(point))
- && isCloseEnough(loc.getPoint(), tolerancePadding);
- }
- }
- }
- if (options.ends && !options.segments && !closed) {
- if (res = checkSegmentPoints(segments[0], true)
- || checkSegmentPoints(segments[numSegments - 1], true))
- return res;
- } else if (options.segments || options.handles) {
- for (var i = 0; i < numSegments; i++)
- if (res = checkSegmentPoints(segments[i]))
- return res;
- }
- if (strokeRadius !== null) {
- loc = this.getNearestLocation(point);
- if (loc) {
- var time = loc.getTime();
- if (time === 0 || time === 1 && numSegments > 1) {
- if (!checkSegmentStroke(loc.getSegment()))
- loc = null;
- } else if (!isCloseEnough(loc.getPoint(), strokePadding)) {
- loc = null;
- }
- }
- if (!loc && join === 'miter' && numSegments > 1) {
- for (var i = 0; i < numSegments; i++) {
- var segment = segments[i];
- if (point.getDistance(segment._point)
- <= miterLimit * strokeRadius
- && checkSegmentStroke(segment)) {
- loc = segment.getLocation();
- break;
- }
- }
- }
- }
- return !loc && hitFill && this._contains(point)
- || loc && !hitStroke && !hitCurves
- ? new HitResult('fill', this)
- : loc
- ? new HitResult(hitStroke ? 'stroke' : 'curve', this, {
- location: loc,
- point: loc.getPoint()
- })
- : null;
- }
- }, Base.each(Curve._evaluateMethods,
- function(name) {
- this[name + 'At'] = function(offset) {
- var loc = this.getLocationAt(offset);
- return loc && loc[name]();
- };
- },
- {
- beans: false,
- getLocationOf: function() {
- var point = Point.read(arguments),
- curves = this.getCurves();
- for (var i = 0, l = curves.length; i < l; i++) {
- var loc = curves[i].getLocationOf(point);
- if (loc)
- return loc;
- }
- return null;
- },
- getOffsetOf: function() {
- var loc = this.getLocationOf.apply(this, arguments);
- return loc ? loc.getOffset() : null;
- },
- getLocationAt: function(offset) {
- if (typeof offset === 'number') {
- var curves = this.getCurves(),
- length = 0;
- for (var i = 0, l = curves.length; i < l; i++) {
- var start = length,
- curve = curves[i];
- length += curve.getLength();
- if (length > offset) {
- return curve.getLocationAt(offset - start);
- }
- }
- if (curves.length > 0 && offset <= this.getLength()) {
- return new CurveLocation(curves[curves.length - 1], 1);
- }
- } else if (offset && offset.getPath && offset.getPath() === this) {
- return offset;
- }
- return null;
- }
- }),
- new function() {
- function drawHandles(ctx, segments, matrix, size) {
- var half = size / 2,
- coords = new Array(6),
- pX, pY;
- function drawHandle(index) {
- var hX = coords[index],
- hY = coords[index + 1];
- if (pX != hX || pY != hY) {
- ctx.beginPath();
- ctx.moveTo(pX, pY);
- ctx.lineTo(hX, hY);
- ctx.stroke();
- ctx.beginPath();
- ctx.arc(hX, hY, half, 0, Math.PI * 2, true);
- ctx.fill();
- }
- }
- for (var i = 0, l = segments.length; i < l; i++) {
- var segment = segments[i],
- selection = segment._selection;
- segment._transformCoordinates(matrix, coords);
- pX = coords[0];
- pY = coords[1];
- if (selection & 2)
- drawHandle(2);
- if (selection & 4)
- drawHandle(4);
- ctx.fillRect(pX - half, pY - half, size, size);
- if (!(selection & 1)) {
- var fillStyle = ctx.fillStyle;
- ctx.fillStyle = '#ffffff';
- ctx.fillRect(pX - half + 1, pY - half + 1, size - 2, size - 2);
- ctx.fillStyle = fillStyle;
- }
- }
- }
- function drawSegments(ctx, path, matrix) {
- var segments = path._segments,
- length = segments.length,
- coords = new Array(6),
- first = true,
- curX, curY,
- prevX, prevY,
- inX, inY,
- outX, outY;
- function drawSegment(segment) {
- if (matrix) {
- segment._transformCoordinates(matrix, coords);
- curX = coords[0];
- curY = coords[1];
- } else {
- var point = segment._point;
- curX = point._x;
- curY = point._y;
- }
- if (first) {
- ctx.moveTo(curX, curY);
- first = false;
- } else {
- if (matrix) {
- inX = coords[2];
- inY = coords[3];
- } else {
- var handle = segment._handleIn;
- inX = curX + handle._x;
- inY = curY + handle._y;
- }
- if (inX === curX && inY === curY
- && outX === prevX && outY === prevY) {
- ctx.lineTo(curX, curY);
- } else {
- ctx.bezierCurveTo(outX, outY, inX, inY, curX, curY);
- }
- }
- prevX = curX;
- prevY = curY;
- if (matrix) {
- outX = coords[4];
- outY = coords[5];
- } else {
- var handle = segment._handleOut;
- outX = prevX + handle._x;
- outY = prevY + handle._y;
- }
- }
- for (var i = 0; i < length; i++)
- drawSegment(segments[i]);
- if (path._closed && length > 0)
- drawSegment(segments[0]);
- }
- return {
- _draw: function(ctx, param, viewMatrix, strokeMatrix) {
- var dontStart = param.dontStart,
- dontPaint = param.dontFinish || param.clip,
- style = this.getStyle(),
- hasFill = style.hasFill(),
- hasStroke = style.hasStroke(),
- dashArray = style.getDashArray(),
- dashLength = !paper.support.nativeDash && hasStroke
- && dashArray && dashArray.length;
- if (!dontStart)
- ctx.beginPath();
- if (hasFill || hasStroke && !dashLength || dontPaint) {
- drawSegments(ctx, this, strokeMatrix);
- if (this._closed)
- ctx.closePath();
- }
- function getOffset(i) {
- return dashArray[((i % dashLength) + dashLength) % dashLength];
- }
- if (!dontPaint && (hasFill || hasStroke)) {
- this._setStyles(ctx, param, viewMatrix);
- if (hasFill) {
- ctx.fill(style.getFillRule());
- ctx.shadowColor = 'rgba(0,0,0,0)';
- }
- if (hasStroke) {
- if (dashLength) {
- if (!dontStart)
- ctx.beginPath();
- var flattener = new PathFlattener(this, 0.25, 32, false,
- strokeMatrix),
- length = flattener.length,
- from = -style.getDashOffset(), to,
- i = 0;
- from = from % length;
- while (from > 0) {
- from -= getOffset(i--) + getOffset(i--);
- }
- while (from < length) {
- to = from + getOffset(i++);
- if (from > 0 || to > 0)
- flattener.drawPart(ctx,
- Math.max(from, 0), Math.max(to, 0));
- from = to + getOffset(i++);
- }
- }
- ctx.stroke();
- }
- }
- },
- _drawSelected: function(ctx, matrix) {
- ctx.beginPath();
- drawSegments(ctx, this, matrix);
- ctx.stroke();
- drawHandles(ctx, this._segments, matrix, paper.settings.handleSize);
- }
- };
- },
- new function() {
- function getCurrentSegment(that) {
- var segments = that._segments;
- if (!segments.length)
- throw new Error('Use a moveTo() command first');
- return segments[segments.length - 1];
- }
- return {
- moveTo: function() {
- var segments = this._segments;
- if (segments.length === 1)
- this.removeSegment(0);
- if (!segments.length)
- this._add([ new Segment(Point.read(arguments)) ]);
- },
- moveBy: function() {
- throw new Error('moveBy() is unsupported on Path items.');
- },
- lineTo: function() {
- this._add([ new Segment(Point.read(arguments)) ]);
- },
- cubicCurveTo: function() {
- var handle1 = Point.read(arguments),
- handle2 = Point.read(arguments),
- to = Point.read(arguments),
- current = getCurrentSegment(this);
- current.setHandleOut(handle1.subtract(current._point));
- this._add([ new Segment(to, handle2.subtract(to)) ]);
- },
- quadraticCurveTo: function() {
- var handle = Point.read(arguments),
- to = Point.read(arguments),
- current = getCurrentSegment(this)._point;
- this.cubicCurveTo(
- handle.add(current.subtract(handle).multiply(1 / 3)),
- handle.add(to.subtract(handle).multiply(1 / 3)),
- to
- );
- },
- curveTo: function() {
- var through = Point.read(arguments),
- to = Point.read(arguments),
- t = Base.pick(Base.read(arguments), 0.5),
- t1 = 1 - t,
- current = getCurrentSegment(this)._point,
- handle = through.subtract(current.multiply(t1 * t1))
- .subtract(to.multiply(t * t)).divide(2 * t * t1);
- if (handle.isNaN())
- throw new Error(
- 'Cannot put a curve through points with parameter = ' + t);
- this.quadraticCurveTo(handle, to);
- },
- arcTo: function() {
- var abs = Math.abs,
- sqrt = Math.sqrt,
- current = getCurrentSegment(this),
- from = current._point,
- to = Point.read(arguments),
- through,
- peek = Base.peek(arguments),
- clockwise = Base.pick(peek, true),
- center, extent, vector, matrix;
- if (typeof clockwise === 'boolean') {
- var middle = from.add(to).divide(2),
- through = middle.add(middle.subtract(from).rotate(
- clockwise ? -90 : 90));
- } else if (Base.remain(arguments) <= 2) {
- through = to;
- to = Point.read(arguments);
- } else {
- var radius = Size.read(arguments),
- isZero = Numerical.isZero;
- if (isZero(radius.width) || isZero(radius.height))
- return this.lineTo(to);
- var rotation = Base.read(arguments),
- clockwise = !!Base.read(arguments),
- large = !!Base.read(arguments),
- middle = from.add(to).divide(2),
- pt = from.subtract(middle).rotate(-rotation),
- x = pt.x,
- y = pt.y,
- rx = abs(radius.width),
- ry = abs(radius.height),
- rxSq = rx * rx,
- rySq = ry * ry,
- xSq = x * x,
- ySq = y * y;
- var factor = sqrt(xSq / rxSq + ySq / rySq);
- if (factor > 1) {
- rx *= factor;
- ry *= factor;
- rxSq = rx * rx;
- rySq = ry * ry;
- }
- factor = (rxSq * rySq - rxSq * ySq - rySq * xSq) /
- (rxSq * ySq + rySq * xSq);
- if (abs(factor) < 1e-12)
- factor = 0;
- if (factor < 0)
- throw new Error(
- 'Cannot create an arc with the given arguments');
- center = new Point(rx * y / ry, -ry * x / rx)
- .multiply((large === clockwise ? -1 : 1) * sqrt(factor))
- .rotate(rotation).add(middle);
- matrix = new Matrix().translate(center).rotate(rotation)
- .scale(rx, ry);
- vector = matrix._inverseTransform(from);
- extent = vector.getDirectedAngle(matrix._inverseTransform(to));
- if (!clockwise && extent > 0)
- extent -= 360;
- else if (clockwise && extent < 0)
- extent += 360;
- }
- if (through) {
- var l1 = new Line(from.add(through).divide(2),
- through.subtract(from).rotate(90), true),
- l2 = new Line(through.add(to).divide(2),
- to.subtract(through).rotate(90), true),
- line = new Line(from, to),
- throughSide = line.getSide(through);
- center = l1.intersect(l2, true);
- if (!center) {
- if (!throughSide)
- return this.lineTo(to);
- throw new Error(
- 'Cannot create an arc with the given arguments');
- }
- vector = from.subtract(center);
- extent = vector.getDirectedAngle(to.subtract(center));
- var centerSide = line.getSide(center);
- if (centerSide === 0) {
- extent = throughSide * abs(extent);
- } else if (throughSide === centerSide) {
- extent += extent < 0 ? 360 : -360;
- }
- }
- var epsilon = 1e-7,
- ext = abs(extent),
- count = ext >= 360 ? 4 : Math.ceil((ext - epsilon) / 90),
- inc = extent / count,
- half = inc * Math.PI / 360,
- z = 4 / 3 * Math.sin(half) / (1 + Math.cos(half)),
- segments = [];
- for (var i = 0; i <= count; i++) {
- var pt = to,
- out = null;
- if (i < count) {
- out = vector.rotate(90).multiply(z);
- if (matrix) {
- pt = matrix._transformPoint(vector);
- out = matrix._transformPoint(vector.add(out))
- .subtract(pt);
- } else {
- pt = center.add(vector);
- }
- }
- if (!i) {
- current.setHandleOut(out);
- } else {
- var _in = vector.rotate(-90).multiply(z);
- if (matrix) {
- _in = matrix._transformPoint(vector.add(_in))
- .subtract(pt);
- }
- segments.push(new Segment(pt, _in, out));
- }
- vector = vector.rotate(inc);
- }
- this._add(segments);
- },
- lineBy: function() {
- var to = Point.read(arguments),
- current = getCurrentSegment(this)._point;
- this.lineTo(current.add(to));
- },
- curveBy: function() {
- var through = Point.read(arguments),
- to = Point.read(arguments),
- parameter = Base.read(arguments),
- current = getCurrentSegment(this)._point;
- this.curveTo(current.add(through), current.add(to), parameter);
- },
- cubicCurveBy: function() {
- var handle1 = Point.read(arguments),
- handle2 = Point.read(arguments),
- to = Point.read(arguments),
- current = getCurrentSegment(this)._point;
- this.cubicCurveTo(current.add(handle1), current.add(handle2),
- current.add(to));
- },
- quadraticCurveBy: function() {
- var handle = Point.read(arguments),
- to = Point.read(arguments),
- current = getCurrentSegment(this)._point;
- this.quadraticCurveTo(current.add(handle), current.add(to));
- },
- arcBy: function() {
- var current = getCurrentSegment(this)._point,
- point = current.add(Point.read(arguments)),
- clockwise = Base.pick(Base.peek(arguments), true);
- if (typeof clockwise === 'boolean') {
- this.arcTo(point, clockwise);
- } else {
- this.arcTo(point, current.add(Point.read(arguments)));
- }
- },
- closePath: function(tolerance) {
- this.setClosed(true);
- this.join(this, tolerance);
- }
- };
- }, {
- _getBounds: function(matrix, options) {
- var method = options.handle
- ? 'getHandleBounds'
- : options.stroke
- ? 'getStrokeBounds'
- : 'getBounds';
- return Path[method](this._segments, this._closed, this, matrix, options);
- },
- statics: {
- getBounds: function(segments, closed, path, matrix, options, strokePadding) {
- var first = segments[0];
- if (!first)
- return new Rectangle();
- var coords = new Array(6),
- prevCoords = first._transformCoordinates(matrix, new Array(6)),
- min = prevCoords.slice(0, 2),
- max = min.slice(),
- roots = new Array(2);
- function processSegment(segment) {
- segment._transformCoordinates(matrix, coords);
- for (var i = 0; i < 2; i++) {
- Curve._addBounds(
- prevCoords[i],
- prevCoords[i + 4],
- coords[i + 2],
- coords[i],
- i, strokePadding ? strokePadding[i] : 0, min, max, roots);
- }
- var tmp = prevCoords;
- prevCoords = coords;
- coords = tmp;
- }
- for (var i = 1, l = segments.length; i < l; i++)
- processSegment(segments[i]);
- if (closed)
- processSegment(first);
- return new Rectangle(min[0], min[1], max[0] - min[0], max[1] - min[1]);
- },
- getStrokeBounds: function(segments, closed, path, matrix, options) {
- var style = path.getStyle(),
- stroke = style.hasStroke(),
- strokeWidth = style.getStrokeWidth(),
- strokeMatrix = stroke && path._getStrokeMatrix(matrix, options),
- strokePadding = stroke && Path._getStrokePadding(strokeWidth,
- strokeMatrix),
- bounds = Path.getBounds(segments, closed, path, matrix, options,
- strokePadding);
- if (!stroke)
- return bounds;
- var strokeRadius = strokeWidth / 2,
- join = style.getStrokeJoin(),
- cap = style.getStrokeCap(),
- miterLimit = style.getMiterLimit(),
- joinBounds = new Rectangle(new Size(strokePadding));
- function addPoint(point) {
- bounds = bounds.include(point);
- }
- function addRound(segment) {
- bounds = bounds.unite(
- joinBounds.setCenter(segment._point.transform(matrix)));
- }
- function addJoin(segment, join) {
- if (join === 'round' || segment.isSmooth()) {
- addRound(segment);
- } else {
- Path._addBevelJoin(segment, join, strokeRadius, miterLimit,
- matrix, strokeMatrix, addPoint);
- }
- }
- function addCap(segment, cap) {
- if (cap === 'round') {
- addRound(segment);
- } else {
- Path._addSquareCap(segment, cap, strokeRadius, matrix,
- strokeMatrix, addPoint);
- }
- }
- var length = segments.length - (closed ? 0 : 1);
- for (var i = 1; i < length; i++)
- addJoin(segments[i], join);
- if (closed) {
- addJoin(segments[0], join);
- } else if (length > 0) {
- addCap(segments[0], cap);
- addCap(segments[segments.length - 1], cap);
- }
- return bounds;
- },
- _getStrokePadding: function(radius, matrix) {
- if (!matrix)
- return [radius, radius];
- var hor = new Point(radius, 0).transform(matrix),
- ver = new Point(0, radius).transform(matrix),
- phi = hor.getAngleInRadians(),
- a = hor.getLength(),
- b = ver.getLength();
- var sin = Math.sin(phi),
- cos = Math.cos(phi),
- tan = Math.tan(phi),
- tx = Math.atan2(b * tan, a),
- ty = Math.atan2(b, tan * a);
- return [Math.abs(a * Math.cos(tx) * cos + b * Math.sin(tx) * sin),
- Math.abs(b * Math.sin(ty) * cos + a * Math.cos(ty) * sin)];
- },
- _addBevelJoin: function(segment, join, radius, miterLimit, matrix,
- strokeMatrix, addPoint, isArea) {
- var curve2 = segment.getCurve(),
- curve1 = curve2.getPrevious(),
- point = curve2.getPoint1().transform(matrix),
- normal1 = curve1.getNormalAtTime(1).multiply(radius)
- .transform(strokeMatrix),
- normal2 = curve2.getNormalAtTime(0).multiply(radius)
- .transform(strokeMatrix);
- if (normal1.getDirectedAngle(normal2) < 0) {
- normal1 = normal1.negate();
- normal2 = normal2.negate();
- }
- if (isArea)
- addPoint(point);
- addPoint(point.add(normal1));
- if (join === 'miter') {
- var corner = new Line(point.add(normal1),
- new Point(-normal1.y, normal1.x), true
- ).intersect(new Line(point.add(normal2),
- new Point(-normal2.y, normal2.x), true
- ), true);
- if (corner && point.getDistance(corner) <= miterLimit * radius) {
- addPoint(corner);
- }
- }
- addPoint(point.add(normal2));
- },
- _addSquareCap: function(segment, cap, radius, matrix, strokeMatrix,
- addPoint, isArea) {
- var point = segment._point.transform(matrix),
- loc = segment.getLocation(),
- normal = loc.getNormal()
- .multiply(loc.getTime() === 0 ? radius : -radius)
- .transform(strokeMatrix);
- if (cap === 'square') {
- if (isArea) {
- addPoint(point.subtract(normal));
- addPoint(point.add(normal));
- }
- point = point.add(normal.rotate(-90));
- }
- addPoint(point.add(normal));
- addPoint(point.subtract(normal));
- },
- getHandleBounds: function(segments, closed, path, matrix, options) {
- var style = path.getStyle(),
- stroke = options.stroke && style.hasStroke(),
- strokePadding,
- joinPadding;
- if (stroke) {
- var strokeMatrix = path._getStrokeMatrix(matrix, options),
- strokeRadius = style.getStrokeWidth() / 2,
- joinRadius = strokeRadius;
- if (style.getStrokeJoin() === 'miter')
- joinRadius = strokeRadius * style.getMiterLimit();
- if (style.getStrokeCap() === 'square')
- joinRadius = Math.max(joinRadius, strokeRadius * Math.SQRT2);
- strokePadding = Path._getStrokePadding(strokeRadius, strokeMatrix);
- joinPadding = Path._getStrokePadding(joinRadius, strokeMatrix);
- }
- var coords = new Array(6),
- x1 = Infinity,
- x2 = -x1,
- y1 = x1,
- y2 = x2;
- for (var i = 0, l = segments.length; i < l; i++) {
- var segment = segments[i];
- segment._transformCoordinates(matrix, coords);
- for (var j = 0; j < 6; j += 2) {
- var padding = !j ? joinPadding : strokePadding,
- paddingX = padding ? padding[0] : 0,
- paddingY = padding ? padding[1] : 0,
- x = coords[j],
- y = coords[j + 1],
- xn = x - paddingX,
- xx = x + paddingX,
- yn = y - paddingY,
- yx = y + paddingY;
- if (xn < x1) x1 = xn;
- if (xx > x2) x2 = xx;
- if (yn < y1) y1 = yn;
- if (yx > y2) y2 = yx;
- }
- }
- return new Rectangle(x1, y1, x2 - x1, y2 - y1);
- }
- }});
- Path.inject({ statics: new function() {
- var kappa = 0.5522847498307936,
- ellipseSegments = [
- new Segment([-1, 0], [0, kappa ], [0, -kappa]),
- new Segment([0, -1], [-kappa, 0], [kappa, 0 ]),
- new Segment([1, 0], [0, -kappa], [0, kappa ]),
- new Segment([0, 1], [kappa, 0 ], [-kappa, 0])
- ];
- function createPath(segments, closed, args) {
- var props = Base.getNamed(args),
- path = new Path(props && props.insert == false && Item.NO_INSERT);
- path._add(segments);
- path._closed = closed;
- return path.set(props, { insert: true });
- }
- function createEllipse(center, radius, args) {
- var segments = new Array(4);
- for (var i = 0; i < 4; i++) {
- var segment = ellipseSegments[i];
- segments[i] = new Segment(
- segment._point.multiply(radius).add(center),
- segment._handleIn.multiply(radius),
- segment._handleOut.multiply(radius)
- );
- }
- return createPath(segments, true, args);
- }
- return {
- Line: function() {
- return createPath([
- new Segment(Point.readNamed(arguments, 'from')),
- new Segment(Point.readNamed(arguments, 'to'))
- ], false, arguments);
- },
- Circle: function() {
- var center = Point.readNamed(arguments, 'center'),
- radius = Base.readNamed(arguments, 'radius');
- return createEllipse(center, new Size(radius), arguments);
- },
- Rectangle: function() {
- var rect = Rectangle.readNamed(arguments, 'rectangle'),
- radius = Size.readNamed(arguments, 'radius', 0,
- { readNull: true }),
- bl = rect.getBottomLeft(true),
- tl = rect.getTopLeft(true),
- tr = rect.getTopRight(true),
- br = rect.getBottomRight(true),
- segments;
- if (!radius || radius.isZero()) {
- segments = [
- new Segment(bl),
- new Segment(tl),
- new Segment(tr),
- new Segment(br)
- ];
- } else {
- radius = Size.min(radius, rect.getSize(true).divide(2));
- var rx = radius.width,
- ry = radius.height,
- hx = rx * kappa,
- hy = ry * kappa;
- segments = [
- new Segment(bl.add(rx, 0), null, [-hx, 0]),
- new Segment(bl.subtract(0, ry), [0, hy]),
- new Segment(tl.add(0, ry), null, [0, -hy]),
- new Segment(tl.add(rx, 0), [-hx, 0], null),
- new Segment(tr.subtract(rx, 0), null, [hx, 0]),
- new Segment(tr.add(0, ry), [0, -hy], null),
- new Segment(br.subtract(0, ry), null, [0, hy]),
- new Segment(br.subtract(rx, 0), [hx, 0])
- ];
- }
- return createPath(segments, true, arguments);
- },
- RoundRectangle: '#Rectangle',
- Ellipse: function() {
- var ellipse = Shape._readEllipse(arguments);
- return createEllipse(ellipse.center, ellipse.radius, arguments);
- },
- Oval: '#Ellipse',
- Arc: function() {
- var from = Point.readNamed(arguments, 'from'),
- through = Point.readNamed(arguments, 'through'),
- to = Point.readNamed(arguments, 'to'),
- props = Base.getNamed(arguments),
- path = new Path(props && props.insert == false
- && Item.NO_INSERT);
- path.moveTo(from);
- path.arcTo(through, to);
- return path.set(props);
- },
- RegularPolygon: function() {
- var center = Point.readNamed(arguments, 'center'),
- sides = Base.readNamed(arguments, 'sides'),
- radius = Base.readNamed(arguments, 'radius'),
- step = 360 / sides,
- three = sides % 3 === 0,
- vector = new Point(0, three ? -radius : radius),
- offset = three ? -1 : 0.5,
- segments = new Array(sides);
- for (var i = 0; i < sides; i++)
- segments[i] = new Segment(center.add(
- vector.rotate((i + offset) * step)));
- return createPath(segments, true, arguments);
- },
- Star: function() {
- var center = Point.readNamed(arguments, 'center'),
- points = Base.readNamed(arguments, 'points') * 2,
- radius1 = Base.readNamed(arguments, 'radius1'),
- radius2 = Base.readNamed(arguments, 'radius2'),
- step = 360 / points,
- vector = new Point(0, -1),
- segments = new Array(points);
- for (var i = 0; i < points; i++)
- segments[i] = new Segment(center.add(vector.rotate(step * i)
- .multiply(i % 2 ? radius2 : radius1)));
- return createPath(segments, true, arguments);
- }
- };
- }});
- var CompoundPath = PathItem.extend({
- _class: 'CompoundPath',
- _serializeFields: {
- children: []
- },
- beans: true,
- initialize: function CompoundPath(arg) {
- this._children = [];
- this._namedChildren = {};
- if (!this._initialize(arg)) {
- if (typeof arg === 'string') {
- this.setPathData(arg);
- } else {
- this.addChildren(Array.isArray(arg) ? arg : arguments);
- }
- }
- },
- insertChildren: function insertChildren(index, items) {
- var list = items,
- first = list[0];
- if (first && typeof first[0] === 'number')
- list = [list];
- for (var i = items.length - 1; i >= 0; i--) {
- var item = list[i];
- if (list === items && !(item instanceof Path))
- list = Base.slice(list);
- if (Array.isArray(item)) {
- list[i] = new Path({ segments: item, insert: false });
- } else if (item instanceof CompoundPath) {
- list.splice.apply(list, [i, 1].concat(item.removeChildren()));
- item.remove();
- }
- }
- return insertChildren.base.call(this, index, list);
- },
- reduce: function reduce(options) {
- var children = this._children;
- for (var i = children.length - 1; i >= 0; i--) {
- var path = children[i].reduce(options);
- if (path.isEmpty())
- path.remove();
- }
- if (!children.length) {
- var path = new Path(Item.NO_INSERT);
- path.copyAttributes(this);
- path.insertAbove(this);
- this.remove();
- return path;
- }
- return reduce.base.call(this);
- },
- isClosed: function() {
- var children = this._children;
- for (var i = 0, l = children.length; i < l; i++) {
- if (!children[i]._closed)
- return false;
- }
- return true;
- },
- setClosed: function(closed) {
- var children = this._children;
- for (var i = 0, l = children.length; i < l; i++) {
- children[i].setClosed(closed);
- }
- },
- getFirstSegment: function() {
- var first = this.getFirstChild();
- return first && first.getFirstSegment();
- },
- getLastSegment: function() {
- var last = this.getLastChild();
- return last && last.getLastSegment();
- },
- getCurves: function() {
- var children = this._children,
- curves = [];
- for (var i = 0, l = children.length; i < l; i++)
- curves.push.apply(curves, children[i].getCurves());
- return curves;
- },
- getFirstCurve: function() {
- var first = this.getFirstChild();
- return first && first.getFirstCurve();
- },
- getLastCurve: function() {
- var last = this.getLastChild();
- return last && last.getLastCurve();
- },
- getArea: function() {
- var children = this._children,
- area = 0;
- for (var i = 0, l = children.length; i < l; i++)
- area += children[i].getArea();
- return area;
- },
- getLength: function() {
- var children = this._children,
- length = 0;
- for (var i = 0, l = children.length; i < l; i++)
- length += children[i].getLength();
- return length;
- },
- getPathData: function(_matrix, _precision) {
- var children = this._children,
- paths = [];
- for (var i = 0, l = children.length; i < l; i++) {
- var child = children[i],
- mx = child._matrix;
- paths.push(child.getPathData(_matrix && !mx.isIdentity()
- ? _matrix.appended(mx) : _matrix, _precision));
- }
- return paths.join('');
- },
- _hitTestChildren: function _hitTestChildren(point, options, viewMatrix) {
- return _hitTestChildren.base.call(this, point,
- options.class === Path || options.type === 'path' ? options
- : Base.set({}, options, { fill: false }),
- viewMatrix);
- },
- _draw: function(ctx, param, viewMatrix, strokeMatrix) {
- var children = this._children;
- if (!children.length)
- return;
- param = param.extend({ dontStart: true, dontFinish: true });
- ctx.beginPath();
- for (var i = 0, l = children.length; i < l; i++)
- children[i].draw(ctx, param, strokeMatrix);
- if (!param.clip) {
- this._setStyles(ctx, param, viewMatrix);
- var style = this._style;
- if (style.hasFill()) {
- ctx.fill(style.getFillRule());
- ctx.shadowColor = 'rgba(0,0,0,0)';
- }
- if (style.hasStroke())
- ctx.stroke();
- }
- },
- _drawSelected: function(ctx, matrix, selectionItems) {
- var children = this._children;
- for (var i = 0, l = children.length; i < l; i++) {
- var child = children[i],
- mx = child._matrix;
- if (!selectionItems[child._id]) {
- child._drawSelected(ctx, mx.isIdentity() ? matrix
- : matrix.appended(mx));
- }
- }
- }
- },
- new function() {
- function getCurrentPath(that, check) {
- var children = that._children;
- if (check && !children.length)
- throw new Error('Use a moveTo() command first');
- return children[children.length - 1];
- }
- return Base.each(['lineTo', 'cubicCurveTo', 'quadraticCurveTo', 'curveTo',
- 'arcTo', 'lineBy', 'cubicCurveBy', 'quadraticCurveBy', 'curveBy',
- 'arcBy'],
- function(key) {
- this[key] = function() {
- var path = getCurrentPath(this, true);
- path[key].apply(path, arguments);
- };
- }, {
- moveTo: function() {
- var current = getCurrentPath(this),
- path = current && current.isEmpty() ? current
- : new Path(Item.NO_INSERT);
- if (path !== current)
- this.addChild(path);
- path.moveTo.apply(path, arguments);
- },
- moveBy: function() {
- var current = getCurrentPath(this, true),
- last = current && current.getLastSegment(),
- point = Point.read(arguments);
- this.moveTo(last ? point.add(last._point) : point);
- },
- closePath: function(tolerance) {
- getCurrentPath(this, true).closePath(tolerance);
- }
- }
- );
- }, Base.each(['reverse', 'flatten', 'simplify', 'smooth'], function(key) {
- this[key] = function(param) {
- var children = this._children,
- res;
- for (var i = 0, l = children.length; i < l; i++) {
- res = children[i][key](param) || res;
- }
- return res;
- };
- }, {}));
- PathItem.inject(new function() {
- var min = Math.min,
- max = Math.max,
- abs = Math.abs,
- operators = {
- unite: { '1': true, '2': true },
- intersect: { '2': true },
- subtract: { '1': true },
- exclude: { '1': true, '-1': true }
- };
- function preparePath(path, resolve) {
- var res = path.clone(false).reduce({ simplify: true })
- .transform(null, true, true);
- return resolve
- ? res.resolveCrossings().reorient(
- res.getFillRule() === 'nonzero', true)
- : res;
- }
- function createResult(paths, simplify, path1, path2, options) {
- var result = new CompoundPath(Item.NO_INSERT);
- result.addChildren(paths, true);
- result = result.reduce({ simplify: simplify });
- if (!(options && options.insert == false)) {
- result.insertAbove(path2 && path1.isSibling(path2)
- && path1.getIndex() < path2.getIndex() ? path2 : path1);
- }
- result.copyAttributes(path1, true);
- return result;
- }
- function traceBoolean(path1, path2, operation, options) {
- if (options && (options.trace == false || options.stroke) &&
- /^(subtract|intersect)$/.test(operation))
- return splitBoolean(path1, path2, operation);
- var _path1 = preparePath(path1, true),
- _path2 = path2 && path1 !== path2 && preparePath(path2, true),
- operator = operators[operation];
- operator[operation] = true;
- if (_path2 && (operator.subtract || operator.exclude)
- ^ (_path2.isClockwise() ^ _path1.isClockwise()))
- _path2.reverse();
- var crossings = divideLocations(
- CurveLocation.expand(_path1.getCrossings(_path2))),
- paths1 = _path1._children || [_path1],
- paths2 = _path2 && (_path2._children || [_path2]),
- segments = [],
- curves = [],
- paths;
- function collect(paths) {
- for (var i = 0, l = paths.length; i < l; i++) {
- var path = paths[i];
- segments.push.apply(segments, path._segments);
- curves.push.apply(curves, path.getCurves());
- path._overlapsOnly = true;
- }
- }
- if (crossings.length) {
- collect(paths1);
- if (paths2)
- collect(paths2);
- for (var i = 0, l = crossings.length; i < l; i++) {
- propagateWinding(crossings[i]._segment, _path1, _path2, curves,
- operator);
- }
- for (var i = 0, l = segments.length; i < l; i++) {
- var segment = segments[i],
- inter = segment._intersection;
- if (!segment._winding) {
- propagateWinding(segment, _path1, _path2, curves, operator);
- }
- if (!(inter && inter._overlap))
- segment._path._overlapsOnly = false;
- }
- paths = tracePaths(segments, operator);
- } else {
- paths = reorientPaths(
- paths2 ? paths1.concat(paths2) : paths1.slice(),
- function(w) {
- return !!operator[w];
- });
- }
- return createResult(paths, true, path1, path2, options);
- }
- function splitBoolean(path1, path2, operation) {
- var _path1 = preparePath(path1),
- _path2 = preparePath(path2),
- crossings = _path1.getCrossings(_path2),
- subtract = operation === 'subtract',
- divide = operation === 'divide',
- added = {},
- paths = [];
- function addPath(path) {
- if (!added[path._id] && (divide ||
- _path2.contains(path.getPointAt(path.getLength() / 2))
- ^ subtract)) {
- paths.unshift(path);
- return added[path._id] = true;
- }
- }
- for (var i = crossings.length - 1; i >= 0; i--) {
- var path = crossings[i].split();
- if (path) {
- if (addPath(path))
- path.getFirstSegment().setHandleIn(0, 0);
- _path1.getLastSegment().setHandleOut(0, 0);
- }
- }
- addPath(_path1);
- return createResult(paths, false, path1, path2);
- }
- function linkIntersections(from, to) {
- var prev = from;
- while (prev) {
- if (prev === to)
- return;
- prev = prev._previous;
- }
- while (from._next && from._next !== to)
- from = from._next;
- if (!from._next) {
- while (to._previous)
- to = to._previous;
- from._next = to;
- to._previous = from;
- }
- }
- function clearCurveHandles(curves) {
- for (var i = curves.length - 1; i >= 0; i--)
- curves[i].clearHandles();
- }
- function reorientPaths(paths, isInside, clockwise) {
- var length = paths && paths.length;
- if (length) {
- var lookup = Base.each(paths, function (path, i) {
- this[path._id] = {
- container: null,
- winding: path.isClockwise() ? 1 : -1,
- index: i
- };
- }, {}),
- sorted = paths.slice().sort(function (a, b) {
- return abs(b.getArea()) - abs(a.getArea());
- }),
- first = sorted[0];
- if (clockwise == null)
- clockwise = first.isClockwise();
- for (var i = 0; i < length; i++) {
- var path1 = sorted[i],
- entry1 = lookup[path1._id],
- point = path1.getInteriorPoint(),
- containerWinding = 0;
- for (var j = i - 1; j >= 0; j--) {
- var path2 = sorted[j];
- if (path2.contains(point)) {
- var entry2 = lookup[path2._id];
- containerWinding = entry2.winding;
- entry1.winding += containerWinding;
- entry1.container = entry2.exclude ? entry2.container
- : path2;
- break;
- }
- }
- if (isInside(entry1.winding) === isInside(containerWinding)) {
- entry1.exclude = true;
- paths[entry1.index] = null;
- } else {
- var container = entry1.container;
- path1.setClockwise(container ? !container.isClockwise()
- : clockwise);
- }
- }
- }
- return paths;
- }
- function divideLocations(locations, include, clearLater) {
- var results = include && [],
- tMin = 1e-8,
- tMax = 1 - tMin,
- clearHandles = false,
- clearCurves = clearLater || [],
- clearLookup = clearLater && {},
- renormalizeLocs,
- prevCurve,
- prevTime;
- function getId(curve) {
- return curve._path._id + '.' + curve._segment1._index;
- }
- for (var i = (clearLater && clearLater.length) - 1; i >= 0; i--) {
- var curve = clearLater[i];
- if (curve._path)
- clearLookup[getId(curve)] = true;
- }
- for (var i = locations.length - 1; i >= 0; i--) {
- var loc = locations[i],
- time = loc._time,
- origTime = time,
- exclude = include && !include(loc),
- curve = loc._curve,
- segment;
- if (curve) {
- if (curve !== prevCurve) {
- clearHandles = !curve.hasHandles()
- || clearLookup && clearLookup[getId(curve)];
- renormalizeLocs = [];
- prevTime = null;
- prevCurve = curve;
- } else if (prevTime >= tMin) {
- time /= prevTime;
- }
- }
- if (exclude) {
- if (renormalizeLocs)
- renormalizeLocs.push(loc);
- continue;
- } else if (include) {
- results.unshift(loc);
- }
- prevTime = origTime;
- if (time < tMin) {
- segment = curve._segment1;
- } else if (time > tMax) {
- segment = curve._segment2;
- } else {
- var newCurve = curve.divideAtTime(time, true);
- if (clearHandles)
- clearCurves.push(curve, newCurve);
- segment = newCurve._segment1;
- for (var j = renormalizeLocs.length - 1; j >= 0; j--) {
- var l = renormalizeLocs[j];
- l._time = (l._time - time) / (1 - time);
- }
- }
- loc._setSegment(segment);
- var inter = segment._intersection,
- dest = loc._intersection;
- if (inter) {
- linkIntersections(inter, dest);
- var other = inter;
- while (other) {
- linkIntersections(other._intersection, inter);
- other = other._next;
- }
- } else {
- segment._intersection = dest;
- }
- }
- if (!clearLater)
- clearCurveHandles(clearCurves);
- return results || locations;
- }
- function getWinding(point, curves, dir, closed, dontFlip) {
- var ia = dir ? 1 : 0,
- io = ia ^ 1,
- pv = [point.x, point.y],
- pa = pv[ia],
- po = pv[io],
- windingEpsilon = 1e-9,
- qualityEpsilon = 1e-6,
- paL = pa - windingEpsilon,
- paR = pa + windingEpsilon,
- windingL = 0,
- windingR = 0,
- pathWindingL = 0,
- pathWindingR = 0,
- onPath = false,
- onAnyPath = false,
- quality = 1,
- roots = [],
- vPrev,
- vClose;
- function addWinding(v) {
- var o0 = v[io + 0],
- o3 = v[io + 6];
- if (po < min(o0, o3) || po > max(o0, o3)) {
- return;
- }
- var a0 = v[ia + 0],
- a1 = v[ia + 2],
- a2 = v[ia + 4],
- a3 = v[ia + 6];
- if (o0 === o3) {
- if (a0 < paR && a3 > paL || a3 < paR && a0 > paL) {
- onPath = true;
- }
- return;
- }
- var t = po === o0 ? 0
- : po === o3 ? 1
- : paL > max(a0, a1, a2, a3) || paR < min(a0, a1, a2, a3)
- ? 1
- : Curve.solveCubic(v, io, po, roots, 0, 1) > 0
- ? roots[0]
- : 1,
- a = t === 0 ? a0
- : t === 1 ? a3
- : Curve.getPoint(v, t)[dir ? 'y' : 'x'],
- winding = o0 > o3 ? 1 : -1,
- windingPrev = vPrev[io] > vPrev[io + 6] ? 1 : -1,
- a3Prev = vPrev[ia + 6];
- if (po !== o0) {
- if (a < paL) {
- pathWindingL += winding;
- } else if (a > paR) {
- pathWindingR += winding;
- } else {
- onPath = true;
- }
- if (a > pa - qualityEpsilon && a < pa + qualityEpsilon)
- quality /= 2;
- } else {
- if (winding !== windingPrev) {
- if (a0 < paL) {
- pathWindingL += winding;
- } else if (a0 > paR) {
- pathWindingR += winding;
- }
- } else if (a0 != a3Prev) {
- if (a3Prev < paR && a > paR) {
- pathWindingR += winding;
- onPath = true;
- } else if (a3Prev > paL && a < paL) {
- pathWindingL += winding;
- onPath = true;
- }
- }
- quality = 0;
- }
- vPrev = v;
- return !dontFlip && a > paL && a < paR
- && Curve.getTangent(v, t)[dir ? 'x' : 'y'] === 0
- && getWinding(point, curves, !dir, closed, true);
- }
- function handleCurve(v) {
- var o0 = v[io + 0],
- o1 = v[io + 2],
- o2 = v[io + 4],
- o3 = v[io + 6];
- if (po <= max(o0, o1, o2, o3) && po >= min(o0, o1, o2, o3)) {
- var a0 = v[ia + 0],
- a1 = v[ia + 2],
- a2 = v[ia + 4],
- a3 = v[ia + 6],
- monoCurves = paL > max(a0, a1, a2, a3) ||
- paR < min(a0, a1, a2, a3)
- ? [v] : Curve.getMonoCurves(v, dir),
- res;
- for (var i = 0, l = monoCurves.length; i < l; i++) {
- if (res = addWinding(monoCurves[i]))
- return res;
- }
- }
- }
- for (var i = 0, l = curves.length; i < l; i++) {
- var curve = curves[i],
- path = curve._path,
- v = curve.getValues(),
- res;
- if (!i || curves[i - 1]._path !== path) {
- vPrev = null;
- if (!path._closed) {
- vClose = Curve.getValues(
- path.getLastCurve().getSegment2(),
- curve.getSegment1(),
- null, !closed);
- if (vClose[io] !== vClose[io + 6]) {
- vPrev = vClose;
- }
- }
- if (!vPrev) {
- vPrev = v;
- var prev = path.getLastCurve();
- while (prev && prev !== curve) {
- var v2 = prev.getValues();
- if (v2[io] !== v2[io + 6]) {
- vPrev = v2;
- break;
- }
- prev = prev.getPrevious();
- }
- }
- }
- if (res = handleCurve(v))
- return res;
- if (i + 1 === l || curves[i + 1]._path !== path) {
- if (vClose && (res = handleCurve(vClose)))
- return res;
- if (onPath && !pathWindingL && !pathWindingR) {
- pathWindingL = pathWindingR = path.isClockwise(closed) ^ dir
- ? 1 : -1;
- }
- windingL += pathWindingL;
- windingR += pathWindingR;
- pathWindingL = pathWindingR = 0;
- if (onPath) {
- onAnyPath = true;
- onPath = false;
- }
- vClose = null;
- }
- }
- windingL = abs(windingL);
- windingR = abs(windingR);
- return {
- winding: max(windingL, windingR),
- windingL: windingL,
- windingR: windingR,
- quality: quality,
- onPath: onAnyPath
- };
- }
- function propagateWinding(segment, path1, path2, curves, operator) {
- var chain = [],
- start = segment,
- totalLength = 0,
- winding;
- do {
- var curve = segment.getCurve(),
- length = curve.getLength();
- chain.push({ segment: segment, curve: curve, length: length });
- totalLength += length;
- segment = segment.getNext();
- } while (segment && !segment._intersection && segment !== start);
- var offsets = [0.5, 0.25, 0.75],
- winding = { winding: 0, quality: -1 },
- tMin = 1e-8,
- tMax = 1 - tMin;
- for (var i = 0; i < offsets.length && winding.quality < 0.5; i++) {
- var length = totalLength * offsets[i];
- for (var j = 0, l = chain.length; j < l; j++) {
- var entry = chain[j],
- curveLength = entry.length;
- if (length <= curveLength) {
- var curve = entry.curve,
- path = curve._path,
- parent = path._parent,
- operand = parent instanceof CompoundPath ? parent : path,
- t = Numerical.clamp(curve.getTimeAt(length), tMin, tMax),
- pt = curve.getPointAtTime(t),
- dir = abs(curve.getTangentAtTime(t).y) < Math.SQRT1_2;
- var wind = !(operator.subtract && path2 && (
- operand === path1 &&
- path2._getWinding(pt, dir, true).winding ||
- operand === path2 &&
- !path1._getWinding(pt, dir, true).winding))
- ? getWinding(pt, curves, dir, true)
- : { winding: 0, quality: 1 };
- if (wind.quality > winding.quality)
- winding = wind;
- break;
- }
- length -= curveLength;
- }
- }
- for (var j = chain.length - 1; j >= 0; j--) {
- chain[j].segment._winding = winding;
- }
- }
- function tracePaths(segments, operator) {
- var paths = [],
- starts;
- function isValid(seg) {
- var winding;
- return !!(seg && !seg._visited && (!operator
- || operator[(winding = seg._winding || {}).winding]
- && !(operator.unite && winding.winding === 2
- && winding.windingL && winding.windingR)));
- }
- function isStart(seg) {
- if (seg) {
- for (var i = 0, l = starts.length; i < l; i++) {
- if (seg === starts[i])
- return true;
- }
- }
- return false;
- }
- function visitPath(path) {
- var segments = path._segments;
- for (var i = 0, l = segments.length; i < l; i++) {
- segments[i]._visited = true;
- }
- }
- function getCrossingSegments(segment, collectStarts) {
- var inter = segment._intersection,
- start = inter,
- crossings = [];
- if (collectStarts)
- starts = [segment];
- function collect(inter, end) {
- while (inter && inter !== end) {
- var other = inter._segment,
- path = other && other._path;
- if (path) {
- var next = other.getNext() || path.getFirstSegment(),
- nextInter = next._intersection;
- if (other !== segment && (isStart(other)
- || isStart(next)
- || next && (isValid(other) && (isValid(next)
- || nextInter && isValid(nextInter._segment))))
- ) {
- crossings.push(other);
- }
- if (collectStarts)
- starts.push(other);
- }
- inter = inter._next;
- }
- }
- if (inter) {
- collect(inter);
- while (inter && inter._prev)
- inter = inter._prev;
- collect(inter, start);
- }
- return crossings;
- }
- segments.sort(function(seg1, seg2) {
- var inter1 = seg1._intersection,
- inter2 = seg2._intersection,
- over1 = !!(inter1 && inter1._overlap),
- over2 = !!(inter2 && inter2._overlap),
- path1 = seg1._path,
- path2 = seg2._path;
- return over1 ^ over2
- ? over1 ? 1 : -1
- : !inter1 ^ !inter2
- ? inter1 ? 1 : -1
- : path1 !== path2
- ? path1._id - path2._id
- : seg1._index - seg2._index;
- });
- for (var i = 0, l = segments.length; i < l; i++) {
- var seg = segments[i],
- valid = isValid(seg),
- path = null,
- finished = false,
- closed = true,
- branches = [],
- branch,
- visited,
- handleIn;
- if (valid && seg._path._overlapsOnly) {
- var path1 = seg._path,
- path2 = seg._intersection._segment._path;
- if (path1.compare(path2)) {
- if (path1.getArea())
- paths.push(path1.clone(false));
- visitPath(path1);
- visitPath(path2);
- valid = false;
- }
- }
- while (valid) {
- var first = !path,
- crossings = getCrossingSegments(seg, first),
- other = crossings.shift(),
- finished = !first && (isStart(seg) || isStart(other)),
- cross = !finished && other;
- if (first) {
- path = new Path(Item.NO_INSERT);
- branch = null;
- }
- if (finished) {
- if (seg.isFirst() || seg.isLast())
- closed = seg._path._closed;
- seg._visited = true;
- break;
- }
- if (cross && branch) {
- branches.push(branch);
- branch = null;
- }
- if (!branch) {
- if (cross)
- crossings.push(seg);
- branch = {
- start: path._segments.length,
- crossings: crossings,
- visited: visited = [],
- handleIn: handleIn
- };
- }
- if (cross)
- seg = other;
- if (!isValid(seg)) {
- path.removeSegments(branch.start);
- for (var j = 0, k = visited.length; j < k; j++) {
- visited[j]._visited = false;
- }
- visited.length = 0;
- do {
- seg = branch && branch.crossings.shift();
- if (!seg || !seg._path) {
- seg = null;
- branch = branches.pop();
- if (branch) {
- visited = branch.visited;
- handleIn = branch.handleIn;
- }
- }
- } while (branch && !isValid(seg));
- if (!seg)
- break;
- }
- var next = seg.getNext();
- path.add(new Segment(seg._point, handleIn,
- next && seg._handleOut));
- seg._visited = true;
- visited.push(seg);
- seg = next || seg._path.getFirstSegment();
- handleIn = next && next._handleIn;
- }
- if (finished) {
- if (closed) {
- path.getFirstSegment().setHandleIn(handleIn);
- path.setClosed(closed);
- }
- if (path.getArea() !== 0) {
- paths.push(path);
- }
- }
- }
- return paths;
- }
- return {
- _getWinding: function(point, dir, closed) {
- return getWinding(point, this.getCurves(), dir, closed);
- },
- unite: function(path, options) {
- return traceBoolean(this, path, 'unite', options);
- },
- intersect: function(path, options) {
- return traceBoolean(this, path, 'intersect', options);
- },
- subtract: function(path, options) {
- return traceBoolean(this, path, 'subtract', options);
- },
- exclude: function(path, options) {
- return traceBoolean(this, path, 'exclude', options);
- },
- divide: function(path, options) {
- return options && (options.trace == false || options.stroke)
- ? splitBoolean(this, path, 'divide')
- : createResult([
- this.subtract(path, options),
- this.intersect(path, options)
- ], true, this, path, options);
- },
- resolveCrossings: function() {
- var children = this._children,
- paths = children || [this];
- function hasOverlap(seg, path) {
- var inter = seg && seg._intersection;
- return inter && inter._overlap && inter._path === path;
- }
- var hasOverlaps = false,
- hasCrossings = false,
- intersections = this.getIntersections(null, function(inter) {
- return inter.hasOverlap() && (hasOverlaps = true) ||
- inter.isCrossing() && (hasCrossings = true);
- }),
- clearCurves = hasOverlaps && hasCrossings && [];
- intersections = CurveLocation.expand(intersections);
- if (hasOverlaps) {
- var overlaps = divideLocations(intersections, function(inter) {
- return inter.hasOverlap();
- }, clearCurves);
- for (var i = overlaps.length - 1; i >= 0; i--) {
- var overlap = overlaps[i],
- path = overlap._path,
- seg = overlap._segment,
- prev = seg.getPrevious(),
- next = seg.getNext();
- if (hasOverlap(prev, path) && hasOverlap(next, path)) {
- seg.remove();
- prev._handleOut._set(0, 0);
- next._handleIn._set(0, 0);
- if (prev !== seg && !prev.getCurve().hasLength()) {
- next._handleIn.set(prev._handleIn);
- prev.remove();
- }
- }
- }
- }
- if (hasCrossings) {
- divideLocations(intersections, hasOverlaps && function(inter) {
- var curve1 = inter.getCurve(),
- seg1 = inter.getSegment(),
- other = inter._intersection,
- curve2 = other._curve,
- seg2 = other._segment;
- if (curve1 && curve2 && curve1._path && curve2._path)
- return true;
- if (seg1)
- seg1._intersection = null;
- if (seg2)
- seg2._intersection = null;
- }, clearCurves);
- if (clearCurves)
- clearCurveHandles(clearCurves);
- paths = tracePaths(Base.each(paths, function(path) {
- this.push.apply(this, path._segments);
- }, []));
- }
- var length = paths.length,
- item;
- if (length > 1 && children) {
- if (paths !== children)
- this.setChildren(paths);
- item = this;
- } else if (length === 1 && !children) {
- if (paths[0] !== this)
- this.setSegments(paths[0].removeSegments());
- item = this;
- }
- if (!item) {
- item = new CompoundPath(Item.NO_INSERT);
- item.addChildren(paths);
- item = item.reduce();
- item.copyAttributes(this);
- this.replaceWith(item);
- }
- return item;
- },
- reorient: function(nonZero, clockwise) {
- var children = this._children;
- if (children && children.length) {
- this.setChildren(reorientPaths(this.removeChildren(),
- function(w) {
- return !!(nonZero ? w : w & 1);
- },
- clockwise));
- } else if (clockwise !== undefined) {
- this.setClockwise(clockwise);
- }
- return this;
- },
- getInteriorPoint: function() {
- var bounds = this.getBounds(),
- point = bounds.getCenter(true);
- if (!this.contains(point)) {
- var curves = this.getCurves(),
- y = point.y,
- intercepts = [],
- roots = [];
- for (var i = 0, l = curves.length; i < l; i++) {
- var v = curves[i].getValues(),
- o0 = v[1],
- o1 = v[3],
- o2 = v[5],
- o3 = v[7];
- if (y >= min(o0, o1, o2, o3) && y <= max(o0, o1, o2, o3)) {
- var monoCurves = Curve.getMonoCurves(v);
- for (var j = 0, m = monoCurves.length; j < m; j++) {
- var mv = monoCurves[j],
- mo0 = mv[1],
- mo3 = mv[7];
- if ((mo0 !== mo3) &&
- (y >= mo0 && y <= mo3 || y >= mo3 && y <= mo0)){
- var x = y === mo0 ? mv[0]
- : y === mo3 ? mv[6]
- : Curve.solveCubic(mv, 1, y, roots, 0, 1)
- === 1
- ? Curve.getPoint(mv, roots[0]).x
- : (mv[0] + mv[6]) / 2;
- intercepts.push(x);
- }
- }
- }
- }
- if (intercepts.length > 1) {
- intercepts.sort(function(a, b) { return a - b; });
- point.x = (intercepts[0] + intercepts[1]) / 2;
- }
- }
- return point;
- }
- };
- });
- var PathFlattener = Base.extend({
- _class: 'PathFlattener',
- initialize: function(path, flatness, maxRecursion, ignoreStraight, matrix) {
- var curves = [],
- parts = [],
- length = 0,
- minSpan = 1 / (maxRecursion || 32),
- segments = path._segments,
- segment1 = segments[0],
- segment2;
- function addCurve(segment1, segment2) {
- var curve = Curve.getValues(segment1, segment2, matrix);
- curves.push(curve);
- computeParts(curve, segment1._index, 0, 1);
- }
- function computeParts(curve, index, t1, t2) {
- if ((t2 - t1) > minSpan
- && !(ignoreStraight && Curve.isStraight(curve))
- && !Curve.isFlatEnough(curve, flatness || 0.25)) {
- var halves = Curve.subdivide(curve, 0.5),
- tMid = (t1 + t2) / 2;
- computeParts(halves[0], index, t1, tMid);
- computeParts(halves[1], index, tMid, t2);
- } else {
- var dx = curve[6] - curve[0],
- dy = curve[7] - curve[1],
- dist = Math.sqrt(dx * dx + dy * dy);
- if (dist > 0) {
- length += dist;
- parts.push({
- offset: length,
- curve: curve,
- index: index,
- time: t2,
- });
- }
- }
- }
- for (var i = 1, l = segments.length; i < l; i++) {
- segment2 = segments[i];
- addCurve(segment1, segment2);
- segment1 = segment2;
- }
- if (path._closed)
- addCurve(segment2, segments[0]);
- this.curves = curves;
- this.parts = parts;
- this.length = length;
- this.index = 0;
- },
- _get: function(offset) {
- var parts = this.parts,
- length = parts.length,
- start,
- i, j = this.index;
- for (;;) {
- i = j;
- if (!j || parts[--j].offset < offset)
- break;
- }
- for (; i < length; i++) {
- var part = parts[i];
- if (part.offset >= offset) {
- this.index = i;
- var prev = parts[i - 1],
- prevTime = prev && prev.index === part.index ? prev.time : 0,
- prevOffset = prev ? prev.offset : 0;
- return {
- index: part.index,
- time: prevTime + (part.time - prevTime)
- * (offset - prevOffset) / (part.offset - prevOffset)
- };
- }
- }
- return {
- index: parts[length - 1].index,
- time: 1
- };
- },
- drawPart: function(ctx, from, to) {
- var start = this._get(from),
- end = this._get(to);
- for (var i = start.index, l = end.index; i <= l; i++) {
- var curve = Curve.getPart(this.curves[i],
- i === start.index ? start.time : 0,
- i === end.index ? end.time : 1);
- if (i === start.index)
- ctx.moveTo(curve[0], curve[1]);
- ctx.bezierCurveTo.apply(ctx, curve.slice(2));
- }
- }
- }, Base.each(Curve._evaluateMethods,
- function(name) {
- this[name + 'At'] = function(offset) {
- var param = this._get(offset);
- return Curve[name](this.curves[param.index], param.time);
- };
- }, {})
- );
- var PathFitter = Base.extend({
- initialize: function(path) {
- var points = this.points = [],
- segments = path._segments,
- closed = path._closed;
- for (var i = 0, prev, l = segments.length; i < l; i++) {
- var point = segments[i].point;
- if (!prev || !prev.equals(point)) {
- points.push(prev = point.clone());
- }
- }
- if (closed) {
- points.unshift(points[points.length - 1]);
- points.push(points[1]);
- }
- this.closed = closed;
- },
- fit: function(error) {
- var points = this.points,
- length = points.length,
- segments = null;
- if (length > 0) {
- segments = [new Segment(points[0])];
- if (length > 1) {
- this.fitCubic(segments, error, 0, length - 1,
- points[1].subtract(points[0]),
- points[length - 2].subtract(points[length - 1]));
- if (this.closed) {
- segments.shift();
- segments.pop();
- }
- }
- }
- return segments;
- },
- fitCubic: function(segments, error, first, last, tan1, tan2) {
- var points = this.points;
- if (last - first === 1) {
- var pt1 = points[first],
- pt2 = points[last],
- dist = pt1.getDistance(pt2) / 3;
- this.addCurve(segments, [pt1, pt1.add(tan1.normalize(dist)),
- pt2.add(tan2.normalize(dist)), pt2]);
- return;
- }
- var uPrime = this.chordLengthParameterize(first, last),
- maxError = Math.max(error, error * error),
- split,
- parametersInOrder = true;
- for (var i = 0; i <= 4; i++) {
- var curve = this.generateBezier(first, last, uPrime, tan1, tan2);
- var max = this.findMaxError(first, last, curve, uPrime);
- if (max.error < error && parametersInOrder) {
- this.addCurve(segments, curve);
- return;
- }
- split = max.index;
- if (max.error >= maxError)
- break;
- parametersInOrder = this.reparameterize(first, last, uPrime, curve);
- maxError = max.error;
- }
- var tanCenter = points[split - 1].subtract(points[split + 1]);
- this.fitCubic(segments, error, first, split, tan1, tanCenter);
- this.fitCubic(segments, error, split, last, tanCenter.negate(), tan2);
- },
- addCurve: function(segments, curve) {
- var prev = segments[segments.length - 1];
- prev.setHandleOut(curve[1].subtract(curve[0]));
- segments.push(new Segment(curve[3], curve[2].subtract(curve[3])));
- },
- generateBezier: function(first, last, uPrime, tan1, tan2) {
- var epsilon = 1e-12,
- abs = Math.abs,
- points = this.points,
- pt1 = points[first],
- pt2 = points[last],
- C = [[0, 0], [0, 0]],
- X = [0, 0];
- for (var i = 0, l = last - first + 1; i < l; i++) {
- var u = uPrime[i],
- t = 1 - u,
- b = 3 * u * t,
- b0 = t * t * t,
- b1 = b * t,
- b2 = b * u,
- b3 = u * u * u,
- a1 = tan1.normalize(b1),
- a2 = tan2.normalize(b2),
- tmp = points[first + i]
- .subtract(pt1.multiply(b0 + b1))
- .subtract(pt2.multiply(b2 + b3));
- C[0][0] += a1.dot(a1);
- C[0][1] += a1.dot(a2);
- C[1][0] = C[0][1];
- C[1][1] += a2.dot(a2);
- X[0] += a1.dot(tmp);
- X[1] += a2.dot(tmp);
- }
- var detC0C1 = C[0][0] * C[1][1] - C[1][0] * C[0][1],
- alpha1,
- alpha2;
- if (abs(detC0C1) > epsilon) {
- var detC0X = C[0][0] * X[1] - C[1][0] * X[0],
- detXC1 = X[0] * C[1][1] - X[1] * C[0][1];
- alpha1 = detXC1 / detC0C1;
- alpha2 = detC0X / detC0C1;
- } else {
- var c0 = C[0][0] + C[0][1],
- c1 = C[1][0] + C[1][1];
- alpha1 = alpha2 = abs(c0) > epsilon ? X[0] / c0
- : abs(c1) > epsilon ? X[1] / c1
- : 0;
- }
- var segLength = pt2.getDistance(pt1),
- eps = epsilon * segLength,
- handle1,
- handle2;
- if (alpha1 < eps || alpha2 < eps) {
- alpha1 = alpha2 = segLength / 3;
- } else {
- var line = pt2.subtract(pt1);
- handle1 = tan1.normalize(alpha1);
- handle2 = tan2.normalize(alpha2);
- if (handle1.dot(line) - handle2.dot(line) > segLength * segLength) {
- alpha1 = alpha2 = segLength / 3;
- handle1 = handle2 = null;
- }
- }
- return [pt1,
- pt1.add(handle1 || tan1.normalize(alpha1)),
- pt2.add(handle2 || tan2.normalize(alpha2)),
- pt2];
- },
- reparameterize: function(first, last, u, curve) {
- for (var i = first; i <= last; i++) {
- u[i - first] = this.findRoot(curve, this.points[i], u[i - first]);
- }
- for (var i = 1, l = u.length; i < l; i++) {
- if (u[i] <= u[i - 1])
- return false;
- }
- return true;
- },
- findRoot: function(curve, point, u) {
- var curve1 = [],
- curve2 = [];
- for (var i = 0; i <= 2; i++) {
- curve1[i] = curve[i + 1].subtract(curve[i]).multiply(3);
- }
- for (var i = 0; i <= 1; i++) {
- curve2[i] = curve1[i + 1].subtract(curve1[i]).multiply(2);
- }
- var pt = this.evaluate(3, curve, u),
- pt1 = this.evaluate(2, curve1, u),
- pt2 = this.evaluate(1, curve2, u),
- diff = pt.subtract(point),
- df = pt1.dot(pt1) + diff.dot(pt2);
- return Numerical.isZero(df) ? u : u - diff.dot(pt1) / df;
- },
- evaluate: function(degree, curve, t) {
- var tmp = curve.slice();
- for (var i = 1; i <= degree; i++) {
- for (var j = 0; j <= degree - i; j++) {
- tmp[j] = tmp[j].multiply(1 - t).add(tmp[j + 1].multiply(t));
- }
- }
- return tmp[0];
- },
- chordLengthParameterize: function(first, last) {
- var u = [0];
- for (var i = first + 1; i <= last; i++) {
- u[i - first] = u[i - first - 1]
- + this.points[i].getDistance(this.points[i - 1]);
- }
- for (var i = 1, m = last - first; i <= m; i++) {
- u[i] /= u[m];
- }
- return u;
- },
- findMaxError: function(first, last, curve, u) {
- var index = Math.floor((last - first + 1) / 2),
- maxDist = 0;
- for (var i = first + 1; i < last; i++) {
- var P = this.evaluate(3, curve, u[i - first]);
- var v = P.subtract(this.points[i]);
- var dist = v.x * v.x + v.y * v.y;
- if (dist >= maxDist) {
- maxDist = dist;
- index = i;
- }
- }
- return {
- error: maxDist,
- index: index
- };
- }
- });
- var TextItem = Item.extend({
- _class: 'TextItem',
- _applyMatrix: false,
- _canApplyMatrix: false,
- _serializeFields: {
- content: null
- },
- _boundsOptions: { stroke: false, handle: false },
- initialize: function TextItem(arg) {
- this._content = '';
- this._lines = [];
- var hasProps = arg && Base.isPlainObject(arg)
- && arg.x === undefined && arg.y === undefined;
- this._initialize(hasProps && arg, !hasProps && Point.read(arguments));
- },
- _equals: function(item) {
- return this._content === item._content;
- },
- copyContent: function(source) {
- this.setContent(source._content);
- },
- getContent: function() {
- return this._content;
- },
- setContent: function(content) {
- this._content = '' + content;
- this._lines = this._content.split(/\r\n|\n|\r/mg);
- this._changed(265);
- },
- isEmpty: function() {
- return !this._content;
- },
- getCharacterStyle: '#getStyle',
- setCharacterStyle: '#setStyle',
- getParagraphStyle: '#getStyle',
- setParagraphStyle: '#setStyle'
- });
- var PointText = TextItem.extend({
- _class: 'PointText',
- initialize: function PointText() {
- TextItem.apply(this, arguments);
- },
- getPoint: function() {
- var point = this._matrix.getTranslation();
- return new LinkedPoint(point.x, point.y, this, 'setPoint');
- },
- setPoint: function() {
- var point = Point.read(arguments);
- this.translate(point.subtract(this._matrix.getTranslation()));
- },
- _draw: function(ctx, param, viewMatrix) {
- if (!this._content)
- return;
- this._setStyles(ctx, param, viewMatrix);
- var lines = this._lines,
- style = this._style,
- hasFill = style.hasFill(),
- hasStroke = style.hasStroke(),
- leading = style.getLeading(),
- shadowColor = ctx.shadowColor;
- ctx.font = style.getFontStyle();
- ctx.textAlign = style.getJustification();
- for (var i = 0, l = lines.length; i < l; i++) {
- ctx.shadowColor = shadowColor;
- var line = lines[i];
- if (hasFill) {
- ctx.fillText(line, 0, 0);
- ctx.shadowColor = 'rgba(0,0,0,0)';
- }
- if (hasStroke)
- ctx.strokeText(line, 0, 0);
- ctx.translate(0, leading);
- }
- },
- _getBounds: function(matrix, options) {
- var style = this._style,
- lines = this._lines,
- numLines = lines.length,
- justification = style.getJustification(),
- leading = style.getLeading(),
- width = this.getView().getTextWidth(style.getFontStyle(), lines),
- x = 0;
- if (justification !== 'left')
- x -= width / (justification === 'center' ? 2: 1);
- var rect = new Rectangle(x,
- numLines ? - 0.75 * leading : 0,
- width, numLines * leading);
- return matrix ? matrix._transformBounds(rect, rect) : rect;
- }
- });
- var Color = Base.extend(new function() {
- var types = {
- gray: ['gray'],
- rgb: ['red', 'green', 'blue'],
- hsb: ['hue', 'saturation', 'brightness'],
- hsl: ['hue', 'saturation', 'lightness'],
- gradient: ['gradient', 'origin', 'destination', 'highlight']
- };
- var componentParsers = {},
- colorCache = {},
- colorCtx;
- function fromCSS(string) {
- var match = string.match(/^#(\w{1,2})(\w{1,2})(\w{1,2})$/),
- components;
- if (match) {
- components = [0, 0, 0];
- for (var i = 0; i < 3; i++) {
- var value = match[i + 1];
- components[i] = parseInt(value.length == 1
- ? value + value : value, 16) / 255;
- }
- } else if (match = string.match(/^rgba?\((.*)\)$/)) {
- components = match[1].split(',');
- for (var i = 0, l = components.length; i < l; i++) {
- var value = +components[i];
- components[i] = i < 3 ? value / 255 : value;
- }
- } else if (window) {
- var cached = colorCache[string];
- if (!cached) {
- if (!colorCtx) {
- colorCtx = CanvasProvider.getContext(1, 1);
- colorCtx.globalCompositeOperation = 'copy';
- }
- colorCtx.fillStyle = 'rgba(0,0,0,0)';
- colorCtx.fillStyle = string;
- colorCtx.fillRect(0, 0, 1, 1);
- var data = colorCtx.getImageData(0, 0, 1, 1).data;
- cached = colorCache[string] = [
- data[0] / 255,
- data[1] / 255,
- data[2] / 255
- ];
- }
- components = cached.slice();
- } else {
- components = [0, 0, 0];
- }
- return components;
- }
- var hsbIndices = [
- [0, 3, 1],
- [2, 0, 1],
- [1, 0, 3],
- [1, 2, 0],
- [3, 1, 0],
- [0, 1, 2]
- ];
- var converters = {
- 'rgb-hsb': function(r, g, b) {
- var max = Math.max(r, g, b),
- min = Math.min(r, g, b),
- delta = max - min,
- h = delta === 0 ? 0
- : ( max == r ? (g - b) / delta + (g < b ? 6 : 0)
- : max == g ? (b - r) / delta + 2
- : (r - g) / delta + 4) * 60;
- return [h, max === 0 ? 0 : delta / max, max];
- },
- 'hsb-rgb': function(h, s, b) {
- h = (((h / 60) % 6) + 6) % 6;
- var i = Math.floor(h),
- f = h - i,
- i = hsbIndices[i],
- v = [
- b,
- b * (1 - s),
- b * (1 - s * f),
- b * (1 - s * (1 - f))
- ];
- return [v[i[0]], v[i[1]], v[i[2]]];
- },
- 'rgb-hsl': function(r, g, b) {
- var max = Math.max(r, g, b),
- min = Math.min(r, g, b),
- delta = max - min,
- achromatic = delta === 0,
- h = achromatic ? 0
- : ( max == r ? (g - b) / delta + (g < b ? 6 : 0)
- : max == g ? (b - r) / delta + 2
- : (r - g) / delta + 4) * 60,
- l = (max + min) / 2,
- s = achromatic ? 0 : l < 0.5
- ? delta / (max + min)
- : delta / (2 - max - min);
- return [h, s, l];
- },
- 'hsl-rgb': function(h, s, l) {
- h = (((h / 360) % 1) + 1) % 1;
- if (s === 0)
- return [l, l, l];
- var t3s = [ h + 1 / 3, h, h - 1 / 3 ],
- t2 = l < 0.5 ? l * (1 + s) : l + s - l * s,
- t1 = 2 * l - t2,
- c = [];
- for (var i = 0; i < 3; i++) {
- var t3 = t3s[i];
- if (t3 < 0) t3 += 1;
- if (t3 > 1) t3 -= 1;
- c[i] = 6 * t3 < 1
- ? t1 + (t2 - t1) * 6 * t3
- : 2 * t3 < 1
- ? t2
- : 3 * t3 < 2
- ? t1 + (t2 - t1) * ((2 / 3) - t3) * 6
- : t1;
- }
- return c;
- },
- 'rgb-gray': function(r, g, b) {
- return [r * 0.2989 + g * 0.587 + b * 0.114];
- },
- 'gray-rgb': function(g) {
- return [g, g, g];
- },
- 'gray-hsb': function(g) {
- return [0, 0, g];
- },
- 'gray-hsl': function(g) {
- return [0, 0, g];
- },
- 'gradient-rgb': function() {
- return [];
- },
- 'rgb-gradient': function() {
- return [];
- }
- };
- return Base.each(types, function(properties, type) {
- componentParsers[type] = [];
- Base.each(properties, function(name, index) {
- var part = Base.capitalize(name),
- hasOverlap = /^(hue|saturation)$/.test(name),
- parser = componentParsers[type][index] = name === 'gradient'
- ? function(value) {
- var current = this._components[0];
- value = Gradient.read(Array.isArray(value) ? value
- : arguments, 0, { readNull: true });
- if (current !== value) {
- if (current)
- current._removeOwner(this);
- if (value)
- value._addOwner(this);
- }
- return value;
- }
- : type === 'gradient'
- ? function() {
- return Point.read(arguments, 0, {
- readNull: name === 'highlight',
- clone: true
- });
- }
- : function(value) {
- return value == null || isNaN(value) ? 0 : value;
- };
- this['get' + part] = function() {
- return this._type === type
- || hasOverlap && /^hs[bl]$/.test(this._type)
- ? this._components[index]
- : this._convert(type)[index];
- };
- this['set' + part] = function(value) {
- if (this._type !== type
- && !(hasOverlap && /^hs[bl]$/.test(this._type))) {
- this._components = this._convert(type);
- this._properties = types[type];
- this._type = type;
- }
- this._components[index] = parser.call(this, value);
- this._changed();
- };
- }, this);
- }, {
- _class: 'Color',
- _readIndex: true,
- initialize: function Color(arg) {
- var args = arguments,
- reading = this.__read,
- read = 0,
- type,
- components,
- alpha,
- values;
- if (Array.isArray(arg)) {
- args = arg;
- arg = args[0];
- }
- var argType = arg != null && typeof arg;
- if (argType === 'string' && arg in types) {
- type = arg;
- arg = args[1];
- if (Array.isArray(arg)) {
- components = arg;
- alpha = args[2];
- } else {
- if (reading)
- read = 1;
- args = Base.slice(args, 1);
- argType = typeof arg;
- }
- }
- if (!components) {
- values = argType === 'number'
- ? args
- : argType === 'object' && arg.length != null
- ? arg
- : null;
- if (values) {
- if (!type)
- type = values.length >= 3
- ? 'rgb'
- : 'gray';
- var length = types[type].length;
- alpha = values[length];
- if (reading) {
- read += values === arguments
- ? length + (alpha != null ? 1 : 0)
- : 1;
- }
- if (values.length > length)
- values = Base.slice(values, 0, length);
- } else if (argType === 'string') {
- type = 'rgb';
- components = fromCSS(arg);
- if (components.length === 4) {
- alpha = components[3];
- components.length--;
- }
- } else if (argType === 'object') {
- if (arg.constructor === Color) {
- type = arg._type;
- components = arg._components.slice();
- alpha = arg._alpha;
- if (type === 'gradient') {
- for (var i = 1, l = components.length; i < l; i++) {
- var point = components[i];
- if (point)
- components[i] = point.clone();
- }
- }
- } else if (arg.constructor === Gradient) {
- type = 'gradient';
- values = args;
- } else {
- type = 'hue' in arg
- ? 'lightness' in arg
- ? 'hsl'
- : 'hsb'
- : 'gradient' in arg || 'stops' in arg
- || 'radial' in arg
- ? 'gradient'
- : 'gray' in arg
- ? 'gray'
- : 'rgb';
- var properties = types[type],
- parsers = componentParsers[type];
- this._components = components = [];
- for (var i = 0, l = properties.length; i < l; i++) {
- var value = arg[properties[i]];
- if (value == null && !i && type === 'gradient'
- && 'stops' in arg) {
- value = {
- stops: arg.stops,
- radial: arg.radial
- };
- }
- value = parsers[i].call(this, value);
- if (value != null)
- components[i] = value;
- }
- alpha = arg.alpha;
- }
- }
- if (reading && type)
- read = 1;
- }
- this._type = type || 'rgb';
- if (!components) {
- this._components = components = [];
- var parsers = componentParsers[this._type];
- for (var i = 0, l = parsers.length; i < l; i++) {
- var value = parsers[i].call(this, values && values[i]);
- if (value != null)
- components[i] = value;
- }
- }
- this._components = components;
- this._properties = types[this._type];
- this._alpha = alpha;
- if (reading)
- this.__read = read;
- return this;
- },
- set: '#initialize',
- _serialize: function(options, dictionary) {
- var components = this.getComponents();
- return Base.serialize(
- /^(gray|rgb)$/.test(this._type)
- ? components
- : [this._type].concat(components),
- options, true, dictionary);
- },
- _changed: function() {
- this._canvasStyle = null;
- if (this._owner)
- this._owner._changed(65);
- },
- _convert: function(type) {
- var converter;
- return this._type === type
- ? this._components.slice()
- : (converter = converters[this._type + '-' + type])
- ? converter.apply(this, this._components)
- : converters['rgb-' + type].apply(this,
- converters[this._type + '-rgb'].apply(this,
- this._components));
- },
- convert: function(type) {
- return new Color(type, this._convert(type), this._alpha);
- },
- getType: function() {
- return this._type;
- },
- setType: function(type) {
- this._components = this._convert(type);
- this._properties = types[type];
- this._type = type;
- },
- getComponents: function() {
- var components = this._components.slice();
- if (this._alpha != null)
- components.push(this._alpha);
- return components;
- },
- getAlpha: function() {
- return this._alpha != null ? this._alpha : 1;
- },
- setAlpha: function(alpha) {
- this._alpha = alpha == null ? null : Math.min(Math.max(alpha, 0), 1);
- this._changed();
- },
- hasAlpha: function() {
- return this._alpha != null;
- },
- equals: function(color) {
- var col = Base.isPlainValue(color, true)
- ? Color.read(arguments)
- : color;
- return col === this || col && this._class === col._class
- && this._type === col._type
- && this.getAlpha() === col.getAlpha()
- && Base.equals(this._components, col._components)
- || false;
- },
- toString: function() {
- var properties = this._properties,
- parts = [],
- isGradient = this._type === 'gradient',
- f = Formatter.instance;
- for (var i = 0, l = properties.length; i < l; i++) {
- var value = this._components[i];
- if (value != null)
- parts.push(properties[i] + ': '
- + (isGradient ? value : f.number(value)));
- }
- if (this._alpha != null)
- parts.push('alpha: ' + f.number(this._alpha));
- return '{ ' + parts.join(', ') + ' }';
- },
- toCSS: function(hex) {
- var components = this._convert('rgb'),
- alpha = hex || this._alpha == null ? 1 : this._alpha;
- function convert(val) {
- return Math.round((val < 0 ? 0 : val > 1 ? 1 : val) * 255);
- }
- components = [
- convert(components[0]),
- convert(components[1]),
- convert(components[2])
- ];
- if (alpha < 1)
- components.push(alpha < 0 ? 0 : alpha);
- return hex
- ? '#' + ((1 << 24) + (components[0] << 16)
- + (components[1] << 8)
- + components[2]).toString(16).slice(1)
- : (components.length == 4 ? 'rgba(' : 'rgb(')
- + components.join(',') + ')';
- },
- toCanvasStyle: function(ctx, matrix) {
- if (this._canvasStyle)
- return this._canvasStyle;
- if (this._type !== 'gradient')
- return this._canvasStyle = this.toCSS();
- var components = this._components,
- gradient = components[0],
- stops = gradient._stops,
- origin = components[1],
- destination = components[2],
- highlight = components[3],
- inverse = matrix && matrix.inverted(),
- canvasGradient;
- if (inverse) {
- origin = inverse._transformPoint(origin);
- destination = inverse._transformPoint(destination);
- if (highlight)
- highlight = inverse._transformPoint(highlight);
- }
- if (gradient._radial) {
- var radius = destination.getDistance(origin);
- if (highlight) {
- var vector = highlight.subtract(origin);
- if (vector.getLength() > radius)
- highlight = origin.add(vector.normalize(radius - 0.1));
- }
- var start = highlight || origin;
- canvasGradient = ctx.createRadialGradient(start.x, start.y,
- 0, origin.x, origin.y, radius);
- } else {
- canvasGradient = ctx.createLinearGradient(origin.x, origin.y,
- destination.x, destination.y);
- }
- for (var i = 0, l = stops.length; i < l; i++) {
- var stop = stops[i],
- offset = stop._offset;
- canvasGradient.addColorStop(
- offset == null ? i / (l - 1) : offset,
- stop._color.toCanvasStyle());
- }
- return this._canvasStyle = canvasGradient;
- },
- transform: function(matrix) {
- if (this._type === 'gradient') {
- var components = this._components;
- for (var i = 1, l = components.length; i < l; i++) {
- var point = components[i];
- matrix._transformPoint(point, point, true);
- }
- this._changed();
- }
- },
- statics: {
- _types: types,
- random: function() {
- var random = Math.random;
- return new Color(random(), random(), random());
- }
- }
- });
- },
- new function() {
- var operators = {
- add: function(a, b) {
- return a + b;
- },
- subtract: function(a, b) {
- return a - b;
- },
- multiply: function(a, b) {
- return a * b;
- },
- divide: function(a, b) {
- return a / b;
- }
- };
- return Base.each(operators, function(operator, name) {
- this[name] = function(color) {
- color = Color.read(arguments);
- var type = this._type,
- components1 = this._components,
- components2 = color._convert(type);
- for (var i = 0, l = components1.length; i < l; i++)
- components2[i] = operator(components1[i], components2[i]);
- return new Color(type, components2,
- this._alpha != null
- ? operator(this._alpha, color.getAlpha())
- : null);
- };
- }, {
- });
- });
- var Gradient = Base.extend({
- _class: 'Gradient',
- initialize: function Gradient(stops, radial) {
- this._id = UID.get();
- if (stops && Base.isPlainObject(stops)) {
- this.set(stops);
- stops = radial = null;
- }
- if (this._stops == null) {
- this.setStops(stops || ['white', 'black']);
- }
- if (this._radial == null) {
- this.setRadial(typeof radial === 'string' && radial === 'radial'
- || radial || false);
- }
- },
- _serialize: function(options, dictionary) {
- return dictionary.add(this, function() {
- return Base.serialize([this._stops, this._radial],
- options, true, dictionary);
- });
- },
- _changed: function() {
- for (var i = 0, l = this._owners && this._owners.length; i < l; i++) {
- this._owners[i]._changed();
- }
- },
- _addOwner: function(color) {
- if (!this._owners)
- this._owners = [];
- this._owners.push(color);
- },
- _removeOwner: function(color) {
- var index = this._owners ? this._owners.indexOf(color) : -1;
- if (index != -1) {
- this._owners.splice(index, 1);
- if (!this._owners.length)
- this._owners = undefined;
- }
- },
- clone: function() {
- var stops = [];
- for (var i = 0, l = this._stops.length; i < l; i++) {
- stops[i] = this._stops[i].clone();
- }
- return new Gradient(stops, this._radial);
- },
- getStops: function() {
- return this._stops;
- },
- setStops: function(stops) {
- if (stops.length < 2) {
- throw new Error(
- 'Gradient stop list needs to contain at least two stops.');
- }
- var _stops = this._stops;
- if (_stops) {
- for (var i = 0, l = _stops.length; i < l; i++)
- _stops[i]._owner = undefined;
- }
- _stops = this._stops = GradientStop.readList(stops, 0, { clone: true });
- for (var i = 0, l = _stops.length; i < l; i++)
- _stops[i]._owner = this;
- this._changed();
- },
- getRadial: function() {
- return this._radial;
- },
- setRadial: function(radial) {
- this._radial = radial;
- this._changed();
- },
- equals: function(gradient) {
- if (gradient === this)
- return true;
- if (gradient && this._class === gradient._class) {
- var stops1 = this._stops,
- stops2 = gradient._stops,
- length = stops1.length;
- if (length === stops2.length) {
- for (var i = 0; i < length; i++) {
- if (!stops1[i].equals(stops2[i]))
- return false;
- }
- return true;
- }
- }
- return false;
- }
- });
- var GradientStop = Base.extend({
- _class: 'GradientStop',
- initialize: function GradientStop(arg0, arg1) {
- var color = arg0,
- offset = arg1;
- if (typeof arg0 === 'object' && arg1 === undefined) {
- if (Array.isArray(arg0) && typeof arg0[0] !== 'number') {
- color = arg0[0];
- offset = arg0[1];
- } else if ('color' in arg0 || 'offset' in arg0
- || 'rampPoint' in arg0) {
- color = arg0.color;
- offset = arg0.offset || arg0.rampPoint || 0;
- }
- }
- this.setColor(color);
- this.setOffset(offset);
- },
- clone: function() {
- return new GradientStop(this._color.clone(), this._offset);
- },
- _serialize: function(options, dictionary) {
- var color = this._color,
- offset = this._offset;
- return Base.serialize(offset == null ? [color] : [color, offset],
- options, true, dictionary);
- },
- _changed: function() {
- if (this._owner)
- this._owner._changed(65);
- },
- getOffset: function() {
- return this._offset;
- },
- setOffset: function(offset) {
- this._offset = offset;
- this._changed();
- },
- getRampPoint: '#getOffset',
- setRampPoint: '#setOffset',
- getColor: function() {
- return this._color;
- },
- setColor: function() {
- var color = Color.read(arguments, 0, { clone: true });
- if (color)
- color._owner = this;
- this._color = color;
- this._changed();
- },
- equals: function(stop) {
- return stop === this || stop && this._class === stop._class
- && this._color.equals(stop._color)
- && this._offset == stop._offset
- || false;
- }
- });
- var Style = Base.extend(new function() {
- var itemDefaults = {
- fillColor: null,
- fillRule: 'nonzero',
- strokeColor: null,
- strokeWidth: 1,
- strokeCap: 'butt',
- strokeJoin: 'miter',
- strokeScaling: true,
- miterLimit: 10,
- dashOffset: 0,
- dashArray: [],
- shadowColor: null,
- shadowBlur: 0,
- shadowOffset: new Point(),
- selectedColor: null
- },
- groupDefaults = Base.set({}, itemDefaults, {
- fontFamily: 'sans-serif',
- fontWeight: 'normal',
- fontSize: 12,
- leading: null,
- justification: 'left'
- }),
- textDefaults = Base.set({}, groupDefaults, {
- fillColor: new Color()
- }),
- flags = {
- strokeWidth: 97,
- strokeCap: 97,
- strokeJoin: 97,
- strokeScaling: 105,
- miterLimit: 97,
- fontFamily: 9,
- fontWeight: 9,
- fontSize: 9,
- font: 9,
- leading: 9,
- justification: 9
- },
- item = {
- beans: true
- },
- fields = {
- _class: 'Style',
- beans: true,
- initialize: function Style(style, _owner, _project) {
- this._values = {};
- this._owner = _owner;
- this._project = _owner && _owner._project || _project
- || paper.project;
- this._defaults = !_owner || _owner instanceof Group ? groupDefaults
- : _owner instanceof TextItem ? textDefaults
- : itemDefaults;
- if (style)
- this.set(style);
- }
- };
- Base.each(groupDefaults, function(value, key) {
- var isColor = /Color$/.test(key),
- isPoint = key === 'shadowOffset',
- part = Base.capitalize(key),
- flag = flags[key],
- set = 'set' + part,
- get = 'get' + part;
- fields[set] = function(value) {
- var owner = this._owner,
- children = owner && owner._children;
- if (children && children.length > 0
- && !(owner instanceof CompoundPath)) {
- for (var i = 0, l = children.length; i < l; i++)
- children[i]._style[set](value);
- } else if (key in this._defaults) {
- var old = this._values[key];
- if (old !== value) {
- if (isColor) {
- if (old && old._owner !== undefined)
- old._owner = undefined;
- if (value && value.constructor === Color) {
- if (value._owner)
- value = value.clone();
- value._owner = owner;
- }
- }
- this._values[key] = value;
- if (owner)
- owner._changed(flag || 65);
- }
- }
- };
- fields[get] = function(_dontMerge) {
- var owner = this._owner,
- children = owner && owner._children,
- value;
- if (key in this._defaults && (!children || !children.length
- || _dontMerge || owner instanceof CompoundPath)) {
- var value = this._values[key];
- if (value === undefined) {
- value = this._defaults[key];
- if (value && value.clone)
- value = value.clone();
- } else {
- var ctor = isColor ? Color : isPoint ? Point : null;
- if (ctor && !(value && value.constructor === ctor)) {
- this._values[key] = value = ctor.read([value], 0,
- { readNull: true, clone: true });
- if (value && isColor)
- value._owner = owner;
- }
- }
- } else if (children) {
- for (var i = 0, l = children.length; i < l; i++) {
- var childValue = children[i]._style[get]();
- if (!i) {
- value = childValue;
- } else if (!Base.equals(value, childValue)) {
- return undefined;
- }
- }
- }
- return value;
- };
- item[get] = function(_dontMerge) {
- return this._style[get](_dontMerge);
- };
- item[set] = function(value) {
- this._style[set](value);
- };
- });
- Base.each({
- Font: 'FontFamily',
- WindingRule: 'FillRule'
- }, function(value, key) {
- var get = 'get' + key,
- set = 'set' + key;
- fields[get] = item[get] = '#get' + value;
- fields[set] = item[set] = '#set' + value;
- });
- Item.inject(item);
- return fields;
- }, {
- set: function(style) {
- var isStyle = style instanceof Style,
- values = isStyle ? style._values : style;
- if (values) {
- for (var key in values) {
- if (key in this._defaults) {
- var value = values[key];
- this[key] = value && isStyle && value.clone
- ? value.clone() : value;
- }
- }
- }
- },
- equals: function(style) {
- function compare(style1, style2, secondary) {
- var values1 = style1._values,
- values2 = style2._values,
- defaults2 = style2._defaults;
- for (var key in values1) {
- var value1 = values1[key],
- value2 = values2[key];
- if (!(secondary && key in values2) && !Base.equals(value1,
- value2 === undefined ? defaults2[key] : value2))
- return false;
- }
- return true;
- }
- return style === this || style && this._class === style._class
- && compare(this, style)
- && compare(style, this, true)
- || false;
- },
- hasFill: function() {
- var color = this.getFillColor();
- return !!color && color.alpha > 0;
- },
- hasStroke: function() {
- var color = this.getStrokeColor();
- return !!color && color.alpha > 0 && this.getStrokeWidth() > 0;
- },
- hasShadow: function() {
- var color = this.getShadowColor();
- return !!color && color.alpha > 0 && (this.getShadowBlur() > 0
- || !this.getShadowOffset().isZero());
- },
- getView: function() {
- return this._project._view;
- },
- getFontStyle: function() {
- var fontSize = this.getFontSize();
- return this.getFontWeight()
- + ' ' + fontSize + (/[a-z]/i.test(fontSize + '') ? ' ' : 'px ')
- + this.getFontFamily();
- },
- getFont: '#getFontFamily',
- setFont: '#setFontFamily',
- getLeading: function getLeading() {
- var leading = getLeading.base.call(this),
- fontSize = this.getFontSize();
- if (/pt|em|%|px/.test(fontSize))
- fontSize = this.getView().getPixelSize(fontSize);
- return leading != null ? leading : fontSize * 1.2;
- }
- });
- var DomElement = new function() {
- function handlePrefix(el, name, set, value) {
- var prefixes = ['', 'webkit', 'moz', 'Moz', 'ms', 'o'],
- suffix = name[0].toUpperCase() + name.substring(1);
- for (var i = 0; i < 6; i++) {
- var prefix = prefixes[i],
- key = prefix ? prefix + suffix : name;
- if (key in el) {
- if (set) {
- el[key] = value;
- } else {
- return el[key];
- }
- break;
- }
- }
- }
- return {
- getStyles: function(el) {
- var doc = el && el.nodeType !== 9 ? el.ownerDocument : el,
- view = doc && doc.defaultView;
- return view && view.getComputedStyle(el, '');
- },
- getBounds: function(el, viewport) {
- var doc = el.ownerDocument,
- body = doc.body,
- html = doc.documentElement,
- rect;
- try {
- rect = el.getBoundingClientRect();
- } catch (e) {
- rect = { left: 0, top: 0, width: 0, height: 0 };
- }
- var x = rect.left - (html.clientLeft || body.clientLeft || 0),
- y = rect.top - (html.clientTop || body.clientTop || 0);
- if (!viewport) {
- var view = doc.defaultView;
- x += view.pageXOffset || html.scrollLeft || body.scrollLeft;
- y += view.pageYOffset || html.scrollTop || body.scrollTop;
- }
- return new Rectangle(x, y, rect.width, rect.height);
- },
- getViewportBounds: function(el) {
- var doc = el.ownerDocument,
- view = doc.defaultView,
- html = doc.documentElement;
- return new Rectangle(0, 0,
- view.innerWidth || html.clientWidth,
- view.innerHeight || html.clientHeight
- );
- },
- getOffset: function(el, viewport) {
- return DomElement.getBounds(el, viewport).getPoint();
- },
- getSize: function(el) {
- return DomElement.getBounds(el, true).getSize();
- },
- isInvisible: function(el) {
- return DomElement.getSize(el).equals(new Size(0, 0));
- },
- isInView: function(el) {
- return !DomElement.isInvisible(el)
- && DomElement.getViewportBounds(el).intersects(
- DomElement.getBounds(el, true));
- },
- isInserted: function(el) {
- return document.body.contains(el);
- },
- getPrefixed: function(el, name) {
- return el && handlePrefix(el, name);
- },
- setPrefixed: function(el, name, value) {
- if (typeof name === 'object') {
- for (var key in name)
- handlePrefix(el, key, true, name[key]);
- } else {
- handlePrefix(el, name, true, value);
- }
- }
- };
- };
- var DomEvent = {
- add: function(el, events) {
- if (el) {
- for (var type in events) {
- var func = events[type],
- parts = type.split(/[\s,]+/g);
- for (var i = 0, l = parts.length; i < l; i++)
- el.addEventListener(parts[i], func, false);
- }
- }
- },
- remove: function(el, events) {
- if (el) {
- for (var type in events) {
- var func = events[type],
- parts = type.split(/[\s,]+/g);
- for (var i = 0, l = parts.length; i < l; i++)
- el.removeEventListener(parts[i], func, false);
- }
- }
- },
- getPoint: function(event) {
- var pos = event.targetTouches
- ? event.targetTouches.length
- ? event.targetTouches[0]
- : event.changedTouches[0]
- : event;
- return new Point(
- pos.pageX || pos.clientX + document.documentElement.scrollLeft,
- pos.pageY || pos.clientY + document.documentElement.scrollTop
- );
- },
- getTarget: function(event) {
- return event.target || event.srcElement;
- },
- getRelatedTarget: function(event) {
- return event.relatedTarget || event.toElement;
- },
- getOffset: function(event, target) {
- return DomEvent.getPoint(event).subtract(DomElement.getOffset(
- target || DomEvent.getTarget(event)));
- }
- };
- DomEvent.requestAnimationFrame = new function() {
- var nativeRequest = DomElement.getPrefixed(window, 'requestAnimationFrame'),
- requested = false,
- callbacks = [],
- timer;
- function handleCallbacks() {
- var functions = callbacks;
- callbacks = [];
- for (var i = 0, l = functions.length; i < l; i++)
- functions[i]();
- requested = nativeRequest && callbacks.length;
- if (requested)
- nativeRequest(handleCallbacks);
- }
- return function(callback) {
- callbacks.push(callback);
- if (nativeRequest) {
- if (!requested) {
- nativeRequest(handleCallbacks);
- requested = true;
- }
- } else if (!timer) {
- timer = setInterval(handleCallbacks, 1000 / 60);
- }
- };
- };
- var View = Base.extend(Emitter, {
- _class: 'View',
- initialize: function View(project, element) {
- function getSize(name) {
- return element[name] || parseInt(element.getAttribute(name), 10);
- }
- function getCanvasSize() {
- var size = DomElement.getSize(element);
- return size.isNaN() || size.isZero()
- ? new Size(getSize('width'), getSize('height'))
- : size;
- }
- var size;
- if (window && element) {
- this._id = element.getAttribute('id');
- if (this._id == null)
- element.setAttribute('id', this._id = 'view-' + View._id++);
- DomEvent.add(element, this._viewEvents);
- var none = 'none';
- DomElement.setPrefixed(element.style, {
- userDrag: none,
- userSelect: none,
- touchCallout: none,
- contentZooming: none,
- tapHighlightColor: 'rgba(0,0,0,0)'
- });
- if (PaperScope.hasAttribute(element, 'resize')) {
- var that = this;
- DomEvent.add(window, this._windowEvents = {
- resize: function() {
- that.setViewSize(getCanvasSize());
- }
- });
- }
- size = getCanvasSize();
- if (PaperScope.hasAttribute(element, 'stats')
- && typeof Stats !== 'undefined') {
- this._stats = new Stats();
- var stats = this._stats.domElement,
- style = stats.style,
- offset = DomElement.getOffset(element);
- style.position = 'absolute';
- style.left = offset.x + 'px';
- style.top = offset.y + 'px';
- document.body.appendChild(stats);
- }
- } else {
- size = new Size(element);
- element = null;
- }
- this._project = project;
- this._scope = project._scope;
- this._element = element;
- if (!this._pixelRatio)
- this._pixelRatio = window && window.devicePixelRatio || 1;
- this._setElementSize(size.width, size.height);
- this._viewSize = size;
- View._views.push(this);
- View._viewsById[this._id] = this;
- (this._matrix = new Matrix())._owner = this;
- if (!View._focused)
- View._focused = this;
- this._frameItems = {};
- this._frameItemCount = 0;
- this._itemEvents = { native: {}, virtual: {} };
- this._autoUpdate = !paper.agent.node;
- this._needsUpdate = false;
- },
- remove: function() {
- if (!this._project)
- return false;
- if (View._focused === this)
- View._focused = null;
- View._views.splice(View._views.indexOf(this), 1);
- delete View._viewsById[this._id];
- var project = this._project;
- if (project._view === this)
- project._view = null;
- DomEvent.remove(this._element, this._viewEvents);
- DomEvent.remove(window, this._windowEvents);
- this._element = this._project = null;
- this.off('frame');
- this._animate = false;
- this._frameItems = {};
- return true;
- },
- _events: Base.each(
- Item._itemHandlers.concat(['onResize', 'onKeyDown', 'onKeyUp']),
- function(name) {
- this[name] = {};
- }, {
- onFrame: {
- install: function() {
- this.play();
- },
- uninstall: function() {
- this.pause();
- }
- }
- }
- ),
- _animate: false,
- _time: 0,
- _count: 0,
- getAutoUpdate: function() {
- return this._autoUpdate;
- },
- setAutoUpdate: function(autoUpdate) {
- this._autoUpdate = autoUpdate;
- if (autoUpdate)
- this.requestUpdate();
- },
- update: function() {
- },
- draw: function() {
- this.update();
- },
- requestUpdate: function() {
- if (!this._requested) {
- var that = this;
- DomEvent.requestAnimationFrame(function() {
- that._requested = false;
- if (that._animate) {
- that.requestUpdate();
- var element = that._element;
- if ((!DomElement.getPrefixed(document, 'hidden')
- || PaperScope.getAttribute(element, 'keepalive')
- === 'true') && DomElement.isInView(element)) {
- that._handleFrame();
- }
- }
- if (that._autoUpdate)
- that.update();
- });
- this._requested = true;
- }
- },
- play: function() {
- this._animate = true;
- this.requestUpdate();
- },
- pause: function() {
- this._animate = false;
- },
- _handleFrame: function() {
- paper = this._scope;
- var now = Date.now() / 1000,
- delta = this._last ? now - this._last : 0;
- this._last = now;
- this.emit('frame', new Base({
- delta: delta,
- time: this._time += delta,
- count: this._count++
- }));
- if (this._stats)
- this._stats.update();
- },
- _animateItem: function(item, animate) {
- var items = this._frameItems;
- if (animate) {
- items[item._id] = {
- item: item,
- time: 0,
- count: 0
- };
- if (++this._frameItemCount === 1)
- this.on('frame', this._handleFrameItems);
- } else {
- delete items[item._id];
- if (--this._frameItemCount === 0) {
- this.off('frame', this._handleFrameItems);
- }
- }
- },
- _handleFrameItems: function(event) {
- for (var i in this._frameItems) {
- var entry = this._frameItems[i];
- entry.item.emit('frame', new Base(event, {
- time: entry.time += event.delta,
- count: entry.count++
- }));
- }
- },
- _changed: function() {
- this._project._changed(2049);
- this._bounds = this._decomposed = undefined;
- },
- getElement: function() {
- return this._element;
- },
- getPixelRatio: function() {
- return this._pixelRatio;
- },
- getResolution: function() {
- return this._pixelRatio * 72;
- },
- getViewSize: function() {
- var size = this._viewSize;
- return new LinkedSize(size.width, size.height, this, 'setViewSize');
- },
- setViewSize: function() {
- var size = Size.read(arguments),
- delta = size.subtract(this._viewSize);
- if (delta.isZero())
- return;
- this._setElementSize(size.width, size.height);
- this._viewSize.set(size);
- this._changed();
- this.emit('resize', { size: size, delta: delta });
- if (this._autoUpdate) {
- this.update();
- }
- },
- _setElementSize: function(width, height) {
- var element = this._element;
- if (element) {
- if (element.width !== width)
- element.width = width;
- if (element.height !== height)
- element.height = height;
- }
- },
- getBounds: function() {
- if (!this._bounds)
- this._bounds = this._matrix.inverted()._transformBounds(
- new Rectangle(new Point(), this._viewSize));
- return this._bounds;
- },
- getSize: function() {
- return this.getBounds().getSize();
- },
- isVisible: function() {
- return DomElement.isInView(this._element);
- },
- isInserted: function() {
- return DomElement.isInserted(this._element);
- },
- getPixelSize: function(size) {
- var element = this._element,
- pixels;
- if (element) {
- var parent = element.parentNode,
- temp = document.createElement('div');
- temp.style.fontSize = size;
- parent.appendChild(temp);
- pixels = parseFloat(DomElement.getStyles(temp).fontSize);
- parent.removeChild(temp);
- } else {
- pixels = parseFloat(pixels);
- }
- return pixels;
- },
- getTextWidth: function(font, lines) {
- return 0;
- }
- }, Base.each(['rotate', 'scale', 'shear', 'skew'], function(key) {
- var rotate = key === 'rotate';
- this[key] = function() {
- var value = (rotate ? Base : Point).read(arguments),
- center = Point.read(arguments, 0, { readNull: true });
- return this.transform(new Matrix()[key](value,
- center || this.getCenter(true)));
- };
- }, {
- _decompose: function() {
- return this._decomposed || (this._decomposed = this._matrix.decompose());
- },
- translate: function() {
- var mx = new Matrix();
- return this.transform(mx.translate.apply(mx, arguments));
- },
- getCenter: function() {
- return this.getBounds().getCenter();
- },
- setCenter: function() {
- var center = Point.read(arguments);
- this.translate(this.getCenter().subtract(center));
- },
- getZoom: function() {
- var decomposed = this._decompose(),
- scaling = decomposed && decomposed.scaling;
- return scaling ? (scaling.x + scaling.y) / 2 : 0;
- },
- setZoom: function(zoom) {
- this.transform(new Matrix().scale(zoom / this.getZoom(),
- this.getCenter()));
- },
- getRotation: function() {
- var decomposed = this._decompose();
- return decomposed && decomposed.rotation;
- },
- setRotation: function(rotation) {
- var current = this.getRotation();
- if (current != null && rotation != null) {
- this.rotate(rotation - current);
- }
- },
- getScaling: function() {
- var decomposed = this._decompose(),
- scaling = decomposed && decomposed.scaling;
- return scaling
- ? new LinkedPoint(scaling.x, scaling.y, this, 'setScaling')
- : undefined;
- },
- setScaling: function() {
- var current = this.getScaling(),
- scaling = Point.read(arguments, 0, { clone: true, readNull: true });
- if (current && scaling) {
- this.scale(scaling.x / current.x, scaling.y / current.y);
- }
- },
- getMatrix: function() {
- return this._matrix;
- },
- setMatrix: function() {
- var matrix = this._matrix;
- matrix.initialize.apply(matrix, arguments);
- },
- transform: function(matrix) {
- this._matrix.append(matrix);
- },
- scrollBy: function() {
- this.translate(Point.read(arguments).negate());
- }
- }), {
- projectToView: function() {
- return this._matrix._transformPoint(Point.read(arguments));
- },
- viewToProject: function() {
- return this._matrix._inverseTransform(Point.read(arguments));
- },
- getEventPoint: function(event) {
- return this.viewToProject(DomEvent.getOffset(event, this._element));
- },
- }, {
- statics: {
- _views: [],
- _viewsById: {},
- _id: 0,
- create: function(project, element) {
- if (document && typeof element === 'string')
- element = document.getElementById(element);
- var ctor = window ? CanvasView : View;
- return new ctor(project, element);
- }
- }
- },
- new function() {
- if (!window)
- return;
- var prevFocus,
- tempFocus,
- dragging = false,
- mouseDown = false;
- function getView(event) {
- var target = DomEvent.getTarget(event);
- return target.getAttribute && View._viewsById[
- target.getAttribute('id')];
- }
- function updateFocus() {
- var view = View._focused;
- if (!view || !view.isVisible()) {
- for (var i = 0, l = View._views.length; i < l; i++) {
- if ((view = View._views[i]).isVisible()) {
- View._focused = tempFocus = view;
- break;
- }
- }
- }
- }
- function handleMouseMove(view, event, point) {
- view._handleMouseEvent('mousemove', event, point);
- }
- var navigator = window.navigator,
- mousedown, mousemove, mouseup;
- if (navigator.pointerEnabled || navigator.msPointerEnabled) {
- mousedown = 'pointerdown MSPointerDown';
- mousemove = 'pointermove MSPointerMove';
- mouseup = 'pointerup pointercancel MSPointerUp MSPointerCancel';
- } else {
- mousedown = 'touchstart';
- mousemove = 'touchmove';
- mouseup = 'touchend touchcancel';
- if (!('ontouchstart' in window && navigator.userAgent.match(
- /mobile|tablet|ip(ad|hone|od)|android|silk/i))) {
- mousedown += ' mousedown';
- mousemove += ' mousemove';
- mouseup += ' mouseup';
- }
- }
- var viewEvents = {},
- docEvents = {
- mouseout: function(event) {
- var view = View._focused,
- target = DomEvent.getRelatedTarget(event);
- if (view && (!target || target.nodeName === 'HTML')) {
- var offset = DomEvent.getOffset(event, view._element),
- x = offset.x,
- abs = Math.abs,
- ax = abs(x),
- max = 1 << 25,
- diff = ax - max;
- offset.x = abs(diff) < ax ? diff * (x < 0 ? -1 : 1) : x;
- handleMouseMove(view, event, view.viewToProject(offset));
- }
- },
- scroll: updateFocus
- };
- viewEvents[mousedown] = function(event) {
- var view = View._focused = getView(event);
- if (!dragging) {
- dragging = true;
- view._handleMouseEvent('mousedown', event);
- }
- };
- docEvents[mousemove] = function(event) {
- var view = View._focused;
- if (!mouseDown) {
- var target = getView(event);
- if (target) {
- if (view !== target) {
- if (view)
- handleMouseMove(view, event);
- if (!prevFocus)
- prevFocus = view;
- view = View._focused = tempFocus = target;
- }
- } else if (tempFocus && tempFocus === view) {
- if (prevFocus && !prevFocus.isInserted())
- prevFocus = null;
- view = View._focused = prevFocus;
- prevFocus = null;
- updateFocus();
- }
- }
- if (view)
- handleMouseMove(view, event);
- };
- docEvents[mousedown] = function() {
- mouseDown = true;
- };
- docEvents[mouseup] = function(event) {
- var view = View._focused;
- if (view && dragging)
- view._handleMouseEvent('mouseup', event);
- mouseDown = dragging = false;
- };
- DomEvent.add(document, docEvents);
- DomEvent.add(window, {
- load: updateFocus
- });
- var called = false,
- prevented = false,
- fallbacks = {
- doubleclick: 'click',
- mousedrag: 'mousemove'
- },
- wasInView = false,
- overView,
- downPoint,
- lastPoint,
- downItem,
- overItem,
- dragItem,
- clickItem,
- clickTime,
- dblClick;
- function emitMouseEvent(obj, target, type, event, point, prevPoint,
- stopItem) {
- var stopped = false,
- mouseEvent;
- function emit(obj, type) {
- if (obj.responds(type)) {
- if (!mouseEvent) {
- mouseEvent = new MouseEvent(type, event, point,
- target || obj,
- prevPoint ? point.subtract(prevPoint) : null);
- }
- if (obj.emit(type, mouseEvent)) {
- called = true;
- if (mouseEvent.prevented)
- prevented = true;
- if (mouseEvent.stopped)
- return stopped = true;
- }
- } else {
- var fallback = fallbacks[type];
- if (fallback)
- return emit(obj, fallback);
- }
- }
- while (obj && obj !== stopItem) {
- if (emit(obj, type))
- break;
- obj = obj._parent;
- }
- return stopped;
- }
- function emitMouseEvents(view, hitItem, type, event, point, prevPoint) {
- view._project.removeOn(type);
- prevented = called = false;
- return (dragItem && emitMouseEvent(dragItem, null, type, event,
- point, prevPoint)
- || hitItem && hitItem !== dragItem
- && !hitItem.isDescendant(dragItem)
- && emitMouseEvent(hitItem, null, type, event, point, prevPoint,
- dragItem)
- || emitMouseEvent(view, dragItem || hitItem || view, type, event,
- point, prevPoint));
- }
- var itemEventsMap = {
- mousedown: {
- mousedown: 1,
- mousedrag: 1,
- click: 1,
- doubleclick: 1
- },
- mouseup: {
- mouseup: 1,
- mousedrag: 1,
- click: 1,
- doubleclick: 1
- },
- mousemove: {
- mousedrag: 1,
- mousemove: 1,
- mouseenter: 1,
- mouseleave: 1
- }
- };
- return {
- _viewEvents: viewEvents,
- _handleMouseEvent: function(type, event, point) {
- var itemEvents = this._itemEvents,
- hitItems = itemEvents.native[type],
- nativeMove = type === 'mousemove',
- tool = this._scope.tool,
- view = this;
- function responds(type) {
- return itemEvents.virtual[type] || view.responds(type)
- || tool && tool.responds(type);
- }
- if (nativeMove && dragging && responds('mousedrag'))
- type = 'mousedrag';
- if (!point)
- point = this.getEventPoint(event);
- var inView = this.getBounds().contains(point),
- hit = hitItems && inView && view._project.hitTest(point, {
- tolerance: 0,
- fill: true,
- stroke: true
- }),
- hitItem = hit && hit.item || null,
- handle = false,
- mouse = {};
- mouse[type.substr(5)] = true;
- if (hitItems && hitItem !== overItem) {
- if (overItem) {
- emitMouseEvent(overItem, null, 'mouseleave', event, point);
- }
- if (hitItem) {
- emitMouseEvent(hitItem, null, 'mouseenter', event, point);
- }
- overItem = hitItem;
- }
- if (wasInView ^ inView) {
- emitMouseEvent(this, null, inView ? 'mouseenter' : 'mouseleave',
- event, point);
- overView = inView ? this : null;
- handle = true;
- }
- if ((inView || mouse.drag) && !point.equals(lastPoint)) {
- emitMouseEvents(this, hitItem, nativeMove ? type : 'mousemove',
- event, point, lastPoint);
- handle = true;
- }
- wasInView = inView;
- if (mouse.down && inView || mouse.up && downPoint) {
- emitMouseEvents(this, hitItem, type, event, point, downPoint);
- if (mouse.down) {
- dblClick = hitItem === clickItem
- && (Date.now() - clickTime < 300);
- downItem = clickItem = hitItem;
- if (!prevented && hitItem) {
- var item = hitItem;
- while (item && !item.responds('mousedrag'))
- item = item._parent;
- if (item)
- dragItem = hitItem;
- }
- downPoint = point;
- } else if (mouse.up) {
- if (!prevented && hitItem === downItem) {
- clickTime = Date.now();
- emitMouseEvents(this, hitItem, dblClick ? 'doubleclick'
- : 'click', event, point, downPoint);
- dblClick = false;
- }
- downItem = dragItem = null;
- }
- wasInView = false;
- handle = true;
- }
- lastPoint = point;
- if (handle && tool) {
- called = tool._handleMouseEvent(type, event, point, mouse)
- || called;
- }
- if (called && !mouse.move || mouse.down && responds('mouseup'))
- event.preventDefault();
- },
- _handleKeyEvent: function(type, event, key, character) {
- var scope = this._scope,
- tool = scope.tool,
- keyEvent;
- function emit(obj) {
- if (obj.responds(type)) {
- paper = scope;
- obj.emit(type, keyEvent = keyEvent
- || new KeyEvent(type, event, key, character));
- }
- }
- if (this.isVisible()) {
- emit(this);
- if (tool && tool.responds(type))
- emit(tool);
- }
- },
- _countItemEvent: function(type, sign) {
- var itemEvents = this._itemEvents,
- native = itemEvents.native,
- virtual = itemEvents.virtual;
- for (var key in itemEventsMap) {
- native[key] = (native[key] || 0)
- + (itemEventsMap[key][type] || 0) * sign;
- }
- virtual[type] = (virtual[type] || 0) + sign;
- },
- statics: {
- updateFocus: updateFocus
- }
- };
- });
- var CanvasView = View.extend({
- _class: 'CanvasView',
- initialize: function CanvasView(project, canvas) {
- if (!(canvas instanceof window.HTMLCanvasElement)) {
- var size = Size.read(arguments, 1);
- if (size.isZero())
- throw new Error(
- 'Cannot create CanvasView with the provided argument: '
- + Base.slice(arguments, 1));
- canvas = CanvasProvider.getCanvas(size);
- }
- var ctx = this._context = canvas.getContext('2d');
- ctx.save();
- this._pixelRatio = 1;
- if (!/^off|false$/.test(PaperScope.getAttribute(canvas, 'hidpi'))) {
- var deviceRatio = window.devicePixelRatio || 1,
- backingStoreRatio = DomElement.getPrefixed(ctx,
- 'backingStorePixelRatio') || 1;
- this._pixelRatio = deviceRatio / backingStoreRatio;
- }
- View.call(this, project, canvas);
- this._needsUpdate = true;
- },
- remove: function remove() {
- this._context.restore();
- return remove.base.call(this);
- },
- _setElementSize: function _setElementSize(width, height) {
- var pixelRatio = this._pixelRatio;
- _setElementSize.base.call(this, width * pixelRatio, height * pixelRatio);
- if (pixelRatio !== 1) {
- var element = this._element,
- ctx = this._context;
- if (!PaperScope.hasAttribute(element, 'resize')) {
- var style = element.style;
- style.width = width + 'px';
- style.height = height + 'px';
- }
- ctx.restore();
- ctx.save();
- ctx.scale(pixelRatio, pixelRatio);
- }
- },
- getPixelSize: function getPixelSize(size) {
- var agent = paper.agent,
- pixels;
- if (agent && agent.firefox) {
- pixels = getPixelSize.base.call(this, size);
- } else {
- var ctx = this._context,
- prevFont = ctx.font;
- ctx.font = size + ' serif';
- pixels = parseFloat(ctx.font);
- ctx.font = prevFont;
- }
- return pixels;
- },
- getTextWidth: function(font, lines) {
- var ctx = this._context,
- prevFont = ctx.font,
- width = 0;
- ctx.font = font;
- for (var i = 0, l = lines.length; i < l; i++)
- width = Math.max(width, ctx.measureText(lines[i]).width);
- ctx.font = prevFont;
- return width;
- },
- update: function() {
- if (!this._needsUpdate)
- return false;
- var project = this._project,
- ctx = this._context,
- size = this._viewSize;
- ctx.clearRect(0, 0, size.width + 1, size.height + 1);
- if (project)
- project.draw(ctx, this._matrix, this._pixelRatio);
- this._needsUpdate = false;
- return true;
- }
- });
- var Event = Base.extend({
- _class: 'Event',
- initialize: function Event(event) {
- this.event = event;
- this.type = event && event.type;
- },
- prevented: false,
- stopped: false,
- preventDefault: function() {
- this.prevented = true;
- this.event.preventDefault();
- },
- stopPropagation: function() {
- this.stopped = true;
- this.event.stopPropagation();
- },
- stop: function() {
- this.stopPropagation();
- this.preventDefault();
- },
- getTimeStamp: function() {
- return this.event.timeStamp;
- },
- getModifiers: function() {
- return Key.modifiers;
- }
- });
- var KeyEvent = Event.extend({
- _class: 'KeyEvent',
- initialize: function KeyEvent(type, event, key, character) {
- this.type = type;
- this.event = event;
- this.key = key;
- this.character = character;
- },
- toString: function() {
- return "{ type: '" + this.type
- + "', key: '" + this.key
- + "', character: '" + this.character
- + "', modifiers: " + this.getModifiers()
- + " }";
- }
- });
- var Key = new function() {
- var keyLookup = {
- '\t': 'tab',
- ' ': 'space',
- '\b': 'backspace',
- '\x7f': 'delete',
- 'Spacebar': 'space',
- 'Del': 'delete',
- 'Win': 'meta',
- 'Esc': 'escape'
- },
- charLookup = {
- 'tab': '\t',
- 'space': ' ',
- 'enter': '\r'
- },
- keyMap = {},
- charMap = {},
- metaFixMap,
- downKey,
- modifiers = new Base({
- shift: false,
- control: false,
- alt: false,
- meta: false,
- capsLock: false,
- space: false
- }).inject({
- option: {
- get: function() {
- return this.alt;
- }
- },
- command: {
- get: function() {
- var agent = paper && paper.agent;
- return agent && agent.mac ? this.meta : this.control;
- }
- }
- });
- function getKey(event) {
- var key = event.key || event.keyIdentifier;
- key = /^U\+/.test(key)
- ? String.fromCharCode(parseInt(key.substr(2), 16))
- : /^Arrow[A-Z]/.test(key) ? key.substr(5)
- : key === 'Unidentified' || key === undefined
- ? String.fromCharCode(event.keyCode)
- : key;
- return keyLookup[key] ||
- (key.length > 1 ? Base.hyphenate(key) : key.toLowerCase());
- }
- function handleKey(down, key, character, event) {
- var type = down ? 'keydown' : 'keyup',
- view = View._focused,
- name;
- keyMap[key] = down;
- if (down) {
- charMap[key] = character;
- } else {
- delete charMap[key];
- }
- if (key.length > 1 && (name = Base.camelize(key)) in modifiers) {
- modifiers[name] = down;
- var agent = paper && paper.agent;
- if (name === 'meta' && agent && agent.mac) {
- if (down) {
- metaFixMap = {};
- } else {
- for (var k in metaFixMap) {
- if (k in charMap)
- handleKey(false, k, metaFixMap[k], event);
- }
- metaFixMap = null;
- }
- }
- } else if (down && metaFixMap) {
- metaFixMap[key] = character;
- }
- if (view) {
- view._handleKeyEvent(down ? 'keydown' : 'keyup', event, key,
- character);
- }
- }
- DomEvent.add(document, {
- keydown: function(event) {
- var key = getKey(event),
- agent = paper && paper.agent;
- if (key.length > 1 || agent && (agent.chrome && (event.altKey
- || agent.mac && event.metaKey
- || !agent.mac && event.ctrlKey))) {
- handleKey(true, key,
- charLookup[key] || (key.length > 1 ? '' : key), event);
- } else {
- downKey = key;
- }
- },
- keypress: function(event) {
- if (downKey) {
- var key = getKey(event),
- code = event.charCode,
- character = code >= 32 ? String.fromCharCode(code)
- : key.length > 1 ? '' : key;
- if (key !== downKey) {
- key = character.toLowerCase();
- }
- handleKey(true, key, character, event);
- downKey = null;
- }
- },
- keyup: function(event) {
- var key = getKey(event);
- if (key in charMap)
- handleKey(false, key, charMap[key], event);
- }
- });
- DomEvent.add(window, {
- blur: function(event) {
- for (var key in charMap)
- handleKey(false, key, charMap[key], event);
- }
- });
- return {
- modifiers: modifiers,
- isDown: function(key) {
- return !!keyMap[key];
- }
- };
- };
- var MouseEvent = Event.extend({
- _class: 'MouseEvent',
- initialize: function MouseEvent(type, event, point, target, delta) {
- this.type = type;
- this.event = event;
- this.point = point;
- this.target = target;
- this.delta = delta;
- },
- toString: function() {
- return "{ type: '" + this.type
- + "', point: " + this.point
- + ', target: ' + this.target
- + (this.delta ? ', delta: ' + this.delta : '')
- + ', modifiers: ' + this.getModifiers()
- + ' }';
- }
- });
- var ToolEvent = Event.extend({
- _class: 'ToolEvent',
- _item: null,
- initialize: function ToolEvent(tool, type, event) {
- this.tool = tool;
- this.type = type;
- this.event = event;
- },
- _choosePoint: function(point, toolPoint) {
- return point ? point : toolPoint ? toolPoint.clone() : null;
- },
- getPoint: function() {
- return this._choosePoint(this._point, this.tool._point);
- },
- setPoint: function(point) {
- this._point = point;
- },
- getLastPoint: function() {
- return this._choosePoint(this._lastPoint, this.tool._lastPoint);
- },
- setLastPoint: function(lastPoint) {
- this._lastPoint = lastPoint;
- },
- getDownPoint: function() {
- return this._choosePoint(this._downPoint, this.tool._downPoint);
- },
- setDownPoint: function(downPoint) {
- this._downPoint = downPoint;
- },
- getMiddlePoint: function() {
- if (!this._middlePoint && this.tool._lastPoint) {
- return this.tool._point.add(this.tool._lastPoint).divide(2);
- }
- return this._middlePoint;
- },
- setMiddlePoint: function(middlePoint) {
- this._middlePoint = middlePoint;
- },
- getDelta: function() {
- return !this._delta && this.tool._lastPoint
- ? this.tool._point.subtract(this.tool._lastPoint)
- : this._delta;
- },
- setDelta: function(delta) {
- this._delta = delta;
- },
- getCount: function() {
- return this.tool[/^mouse(down|up)$/.test(this.type)
- ? '_downCount' : '_moveCount'];
- },
- setCount: function(count) {
- this.tool[/^mouse(down|up)$/.test(this.type) ? 'downCount' : 'count']
- = count;
- },
- getItem: function() {
- if (!this._item) {
- var result = this.tool._scope.project.hitTest(this.getPoint());
- if (result) {
- var item = result.item,
- parent = item._parent;
- while (/^(Group|CompoundPath)$/.test(parent._class)) {
- item = parent;
- parent = parent._parent;
- }
- this._item = item;
- }
- }
- return this._item;
- },
- setItem: function(item) {
- this._item = item;
- },
- toString: function() {
- return '{ type: ' + this.type
- + ', point: ' + this.getPoint()
- + ', count: ' + this.getCount()
- + ', modifiers: ' + this.getModifiers()
- + ' }';
- }
- });
- var Tool = PaperScopeItem.extend({
- _class: 'Tool',
- _list: 'tools',
- _reference: 'tool',
- _events: ['onMouseDown', 'onMouseUp', 'onMouseDrag', 'onMouseMove',
- 'onActivate', 'onDeactivate', 'onEditOptions', 'onKeyDown',
- 'onKeyUp'],
- initialize: function Tool(props) {
- PaperScopeItem.call(this);
- this._moveCount = -1;
- this._downCount = -1;
- this.set(props);
- },
- getMinDistance: function() {
- return this._minDistance;
- },
- setMinDistance: function(minDistance) {
- this._minDistance = minDistance;
- if (minDistance != null && this._maxDistance != null
- && minDistance > this._maxDistance) {
- this._maxDistance = minDistance;
- }
- },
- getMaxDistance: function() {
- return this._maxDistance;
- },
- setMaxDistance: function(maxDistance) {
- this._maxDistance = maxDistance;
- if (this._minDistance != null && maxDistance != null
- && maxDistance < this._minDistance) {
- this._minDistance = maxDistance;
- }
- },
- getFixedDistance: function() {
- return this._minDistance == this._maxDistance
- ? this._minDistance : null;
- },
- setFixedDistance: function(distance) {
- this._minDistance = this._maxDistance = distance;
- },
- _handleMouseEvent: function(type, event, point, mouse) {
- paper = this._scope;
- if (mouse.drag && !this.responds(type))
- type = 'mousemove';
- var move = mouse.move || mouse.drag,
- responds = this.responds(type),
- minDistance = this.minDistance,
- maxDistance = this.maxDistance,
- called = false,
- tool = this;
- function update(minDistance, maxDistance) {
- var pt = point,
- toolPoint = move ? tool._point : (tool._downPoint || pt);
- if (move) {
- if (tool._moveCount && pt.equals(toolPoint)) {
- return false;
- }
- if (toolPoint && (minDistance != null || maxDistance != null)) {
- var vector = pt.subtract(toolPoint),
- distance = vector.getLength();
- if (distance < (minDistance || 0))
- return false;
- if (maxDistance) {
- pt = toolPoint.add(vector.normalize(
- Math.min(distance, maxDistance)));
- }
- }
- tool._moveCount++;
- }
- tool._point = pt;
- tool._lastPoint = toolPoint || pt;
- if (mouse.down) {
- tool._moveCount = -1;
- tool._downPoint = pt;
- tool._downCount++;
- }
- return true;
- }
- function emit() {
- if (responds) {
- called = tool.emit(type, new ToolEvent(tool, type, event))
- || called;
- }
- }
- if (mouse.down) {
- update();
- emit();
- } else if (mouse.up) {
- update(null, maxDistance);
- emit();
- } else if (responds) {
- while (update(minDistance, maxDistance))
- emit();
- }
- return called;
- }
- });
- var Http = {
- request: function(options) {
- var xhr = new self.XMLHttpRequest();
- xhr.open((options.method || 'get').toUpperCase(), options.url,
- Base.pick(options.async, true));
- if (options.mimeType)
- xhr.overrideMimeType(options.mimeType);
- xhr.onload = function() {
- var status = xhr.status;
- if (status === 0 || status === 200) {
- if (options.onLoad) {
- options.onLoad.call(xhr, xhr.responseText);
- }
- } else {
- xhr.onerror();
- }
- };
- xhr.onerror = function() {
- var status = xhr.status,
- message = 'Could not load "' + options.url + '" (Status: '
- + status + ')';
- if (options.onError) {
- options.onError(message, status);
- } else {
- throw new Error(message);
- }
- };
- return xhr.send(null);
- }
- };
- var CanvasProvider = {
- canvases: [],
- getCanvas: function(width, height) {
- if (!window)
- return null;
- var canvas,
- clear = true;
- if (typeof width === 'object') {
- height = width.height;
- width = width.width;
- }
- if (this.canvases.length) {
- canvas = this.canvases.pop();
- } else {
- canvas = document.createElement('canvas');
- clear = false;
- }
- var ctx = canvas.getContext('2d');
- if (!ctx) {
- throw new Error('Canvas ' + canvas +
- ' is unable to provide a 2D context.');
- }
- if (canvas.width === width && canvas.height === height) {
- if (clear)
- ctx.clearRect(0, 0, width + 1, height + 1);
- } else {
- canvas.width = width;
- canvas.height = height;
- }
- ctx.save();
- return canvas;
- },
- getContext: function(width, height) {
- var canvas = this.getCanvas(width, height);
- return canvas ? canvas.getContext('2d') : null;
- },
- release: function(obj) {
- var canvas = obj && obj.canvas ? obj.canvas : obj;
- if (canvas && canvas.getContext) {
- canvas.getContext('2d').restore();
- this.canvases.push(canvas);
- }
- }
- };
- var BlendMode = new function() {
- var min = Math.min,
- max = Math.max,
- abs = Math.abs,
- sr, sg, sb, sa,
- br, bg, bb, ba,
- dr, dg, db;
- function getLum(r, g, b) {
- return 0.2989 * r + 0.587 * g + 0.114 * b;
- }
- function setLum(r, g, b, l) {
- var d = l - getLum(r, g, b);
- dr = r + d;
- dg = g + d;
- db = b + d;
- var l = getLum(dr, dg, db),
- mn = min(dr, dg, db),
- mx = max(dr, dg, db);
- if (mn < 0) {
- var lmn = l - mn;
- dr = l + (dr - l) * l / lmn;
- dg = l + (dg - l) * l / lmn;
- db = l + (db - l) * l / lmn;
- }
- if (mx > 255) {
- var ln = 255 - l,
- mxl = mx - l;
- dr = l + (dr - l) * ln / mxl;
- dg = l + (dg - l) * ln / mxl;
- db = l + (db - l) * ln / mxl;
- }
- }
- function getSat(r, g, b) {
- return max(r, g, b) - min(r, g, b);
- }
- function setSat(r, g, b, s) {
- var col = [r, g, b],
- mx = max(r, g, b),
- mn = min(r, g, b),
- md;
- mn = mn === r ? 0 : mn === g ? 1 : 2;
- mx = mx === r ? 0 : mx === g ? 1 : 2;
- md = min(mn, mx) === 0 ? max(mn, mx) === 1 ? 2 : 1 : 0;
- if (col[mx] > col[mn]) {
- col[md] = (col[md] - col[mn]) * s / (col[mx] - col[mn]);
- col[mx] = s;
- } else {
- col[md] = col[mx] = 0;
- }
- col[mn] = 0;
- dr = col[0];
- dg = col[1];
- db = col[2];
- }
- var modes = {
- multiply: function() {
- dr = br * sr / 255;
- dg = bg * sg / 255;
- db = bb * sb / 255;
- },
- screen: function() {
- dr = br + sr - (br * sr / 255);
- dg = bg + sg - (bg * sg / 255);
- db = bb + sb - (bb * sb / 255);
- },
- overlay: function() {
- dr = br < 128 ? 2 * br * sr / 255 : 255 - 2 * (255 - br) * (255 - sr) / 255;
- dg = bg < 128 ? 2 * bg * sg / 255 : 255 - 2 * (255 - bg) * (255 - sg) / 255;
- db = bb < 128 ? 2 * bb * sb / 255 : 255 - 2 * (255 - bb) * (255 - sb) / 255;
- },
- 'soft-light': function() {
- var t = sr * br / 255;
- dr = t + br * (255 - (255 - br) * (255 - sr) / 255 - t) / 255;
- t = sg * bg / 255;
- dg = t + bg * (255 - (255 - bg) * (255 - sg) / 255 - t) / 255;
- t = sb * bb / 255;
- db = t + bb * (255 - (255 - bb) * (255 - sb) / 255 - t) / 255;
- },
- 'hard-light': function() {
- dr = sr < 128 ? 2 * sr * br / 255 : 255 - 2 * (255 - sr) * (255 - br) / 255;
- dg = sg < 128 ? 2 * sg * bg / 255 : 255 - 2 * (255 - sg) * (255 - bg) / 255;
- db = sb < 128 ? 2 * sb * bb / 255 : 255 - 2 * (255 - sb) * (255 - bb) / 255;
- },
- 'color-dodge': function() {
- dr = br === 0 ? 0 : sr === 255 ? 255 : min(255, 255 * br / (255 - sr));
- dg = bg === 0 ? 0 : sg === 255 ? 255 : min(255, 255 * bg / (255 - sg));
- db = bb === 0 ? 0 : sb === 255 ? 255 : min(255, 255 * bb / (255 - sb));
- },
- 'color-burn': function() {
- dr = br === 255 ? 255 : sr === 0 ? 0 : max(0, 255 - (255 - br) * 255 / sr);
- dg = bg === 255 ? 255 : sg === 0 ? 0 : max(0, 255 - (255 - bg) * 255 / sg);
- db = bb === 255 ? 255 : sb === 0 ? 0 : max(0, 255 - (255 - bb) * 255 / sb);
- },
- darken: function() {
- dr = br < sr ? br : sr;
- dg = bg < sg ? bg : sg;
- db = bb < sb ? bb : sb;
- },
- lighten: function() {
- dr = br > sr ? br : sr;
- dg = bg > sg ? bg : sg;
- db = bb > sb ? bb : sb;
- },
- difference: function() {
- dr = br - sr;
- if (dr < 0)
- dr = -dr;
- dg = bg - sg;
- if (dg < 0)
- dg = -dg;
- db = bb - sb;
- if (db < 0)
- db = -db;
- },
- exclusion: function() {
- dr = br + sr * (255 - br - br) / 255;
- dg = bg + sg * (255 - bg - bg) / 255;
- db = bb + sb * (255 - bb - bb) / 255;
- },
- hue: function() {
- setSat(sr, sg, sb, getSat(br, bg, bb));
- setLum(dr, dg, db, getLum(br, bg, bb));
- },
- saturation: function() {
- setSat(br, bg, bb, getSat(sr, sg, sb));
- setLum(dr, dg, db, getLum(br, bg, bb));
- },
- luminosity: function() {
- setLum(br, bg, bb, getLum(sr, sg, sb));
- },
- color: function() {
- setLum(sr, sg, sb, getLum(br, bg, bb));
- },
- add: function() {
- dr = min(br + sr, 255);
- dg = min(bg + sg, 255);
- db = min(bb + sb, 255);
- },
- subtract: function() {
- dr = max(br - sr, 0);
- dg = max(bg - sg, 0);
- db = max(bb - sb, 0);
- },
- average: function() {
- dr = (br + sr) / 2;
- dg = (bg + sg) / 2;
- db = (bb + sb) / 2;
- },
- negation: function() {
- dr = 255 - abs(255 - sr - br);
- dg = 255 - abs(255 - sg - bg);
- db = 255 - abs(255 - sb - bb);
- }
- };
- var nativeModes = this.nativeModes = Base.each([
- 'source-over', 'source-in', 'source-out', 'source-atop',
- 'destination-over', 'destination-in', 'destination-out',
- 'destination-atop', 'lighter', 'darker', 'copy', 'xor'
- ], function(mode) {
- this[mode] = true;
- }, {});
- var ctx = CanvasProvider.getContext(1, 1);
- if (ctx) {
- Base.each(modes, function(func, mode) {
- var darken = mode === 'darken',
- ok = false;
- ctx.save();
- try {
- ctx.fillStyle = darken ? '#300' : '#a00';
- ctx.fillRect(0, 0, 1, 1);
- ctx.globalCompositeOperation = mode;
- if (ctx.globalCompositeOperation === mode) {
- ctx.fillStyle = darken ? '#a00' : '#300';
- ctx.fillRect(0, 0, 1, 1);
- ok = ctx.getImageData(0, 0, 1, 1).data[0] !== darken
- ? 170 : 51;
- }
- } catch (e) {}
- ctx.restore();
- nativeModes[mode] = ok;
- });
- CanvasProvider.release(ctx);
- }
- this.process = function(mode, srcContext, dstContext, alpha, offset) {
- var srcCanvas = srcContext.canvas,
- normal = mode === 'normal';
- if (normal || nativeModes[mode]) {
- dstContext.save();
- dstContext.setTransform(1, 0, 0, 1, 0, 0);
- dstContext.globalAlpha = alpha;
- if (!normal)
- dstContext.globalCompositeOperation = mode;
- dstContext.drawImage(srcCanvas, offset.x, offset.y);
- dstContext.restore();
- } else {
- var process = modes[mode];
- if (!process)
- return;
- var dstData = dstContext.getImageData(offset.x, offset.y,
- srcCanvas.width, srcCanvas.height),
- dst = dstData.data,
- src = srcContext.getImageData(0, 0,
- srcCanvas.width, srcCanvas.height).data;
- for (var i = 0, l = dst.length; i < l; i += 4) {
- sr = src[i];
- br = dst[i];
- sg = src[i + 1];
- bg = dst[i + 1];
- sb = src[i + 2];
- bb = dst[i + 2];
- sa = src[i + 3];
- ba = dst[i + 3];
- process();
- var a1 = sa * alpha / 255,
- a2 = 1 - a1;
- dst[i] = a1 * dr + a2 * br;
- dst[i + 1] = a1 * dg + a2 * bg;
- dst[i + 2] = a1 * db + a2 * bb;
- dst[i + 3] = sa * alpha + a2 * ba;
- }
- dstContext.putImageData(dstData, offset.x, offset.y);
- }
- };
- };
- var SvgElement = new function() {
- var svg = 'http://www.w3.org/2000/svg',
- xmlns = 'http://www.w3.org/2000/xmlns',
- xlink = 'http://www.w3.org/1999/xlink',
- attributeNamespace = {
- href: xlink,
- xlink: xmlns,
- xmlns: xmlns + '/',
- 'xmlns:xlink': xmlns + '/'
- };
- function create(tag, attributes, formatter) {
- return set(document.createElementNS(svg, tag), attributes, formatter);
- }
- function get(node, name) {
- var namespace = attributeNamespace[name],
- value = namespace
- ? node.getAttributeNS(namespace, name)
- : node.getAttribute(name);
- return value === 'null' ? null : value;
- }
- function set(node, attributes, formatter) {
- for (var name in attributes) {
- var value = attributes[name],
- namespace = attributeNamespace[name];
- if (typeof value === 'number' && formatter)
- value = formatter.number(value);
- if (namespace) {
- node.setAttributeNS(namespace, name, value);
- } else {
- node.setAttribute(name, value);
- }
- }
- return node;
- }
- return {
- svg: svg,
- xmlns: xmlns,
- xlink: xlink,
- create: create,
- get: get,
- set: set
- };
- };
- var SvgStyles = Base.each({
- fillColor: ['fill', 'color'],
- fillRule: ['fill-rule', 'string'],
- strokeColor: ['stroke', 'color'],
- strokeWidth: ['stroke-width', 'number'],
- strokeCap: ['stroke-linecap', 'string'],
- strokeJoin: ['stroke-linejoin', 'string'],
- strokeScaling: ['vector-effect', 'lookup', {
- true: 'none',
- false: 'non-scaling-stroke'
- }, function(item, value) {
- return !value
- && (item instanceof PathItem
- || item instanceof Shape
- || item instanceof TextItem);
- }],
- miterLimit: ['stroke-miterlimit', 'number'],
- dashArray: ['stroke-dasharray', 'array'],
- dashOffset: ['stroke-dashoffset', 'number'],
- fontFamily: ['font-family', 'string'],
- fontWeight: ['font-weight', 'string'],
- fontSize: ['font-size', 'number'],
- justification: ['text-anchor', 'lookup', {
- left: 'start',
- center: 'middle',
- right: 'end'
- }],
- opacity: ['opacity', 'number'],
- blendMode: ['mix-blend-mode', 'style']
- }, function(entry, key) {
- var part = Base.capitalize(key),
- lookup = entry[2];
- this[key] = {
- type: entry[1],
- property: key,
- attribute: entry[0],
- toSVG: lookup,
- fromSVG: lookup && Base.each(lookup, function(value, name) {
- this[value] = name;
- }, {}),
- exportFilter: entry[3],
- get: 'get' + part,
- set: 'set' + part
- };
- }, {});
- new function() {
- var formatter;
- function getTransform(matrix, coordinates, center) {
- var attrs = new Base(),
- trans = matrix.getTranslation();
- if (coordinates) {
- matrix = matrix._shiftless();
- var point = matrix._inverseTransform(trans);
- attrs[center ? 'cx' : 'x'] = point.x;
- attrs[center ? 'cy' : 'y'] = point.y;
- trans = null;
- }
- if (!matrix.isIdentity()) {
- var decomposed = matrix.decompose();
- if (decomposed) {
- var parts = [],
- angle = decomposed.rotation,
- scale = decomposed.scaling,
- skew = decomposed.skewing;
- if (trans && !trans.isZero())
- parts.push('translate(' + formatter.point(trans) + ')');
- if (angle)
- parts.push('rotate(' + formatter.number(angle) + ')');
- if (!Numerical.isZero(scale.x - 1)
- || !Numerical.isZero(scale.y - 1))
- parts.push('scale(' + formatter.point(scale) +')');
- if (skew.x)
- parts.push('skewX(' + formatter.number(skew.x) + ')');
- if (skew.y)
- parts.push('skewY(' + formatter.number(skew.y) + ')');
- attrs.transform = parts.join(' ');
- } else {
- attrs.transform = 'matrix(' + matrix.getValues().join(',') + ')';
- }
- }
- return attrs;
- }
- function exportGroup(item, options) {
- var attrs = getTransform(item._matrix),
- children = item._children;
- var node = SvgElement.create('g', attrs, formatter);
- for (var i = 0, l = children.length; i < l; i++) {
- var child = children[i];
- var childNode = exportSVG(child, options);
- if (childNode) {
- if (child.isClipMask()) {
- var clip = SvgElement.create('clipPath');
- clip.appendChild(childNode);
- setDefinition(child, clip, 'clip');
- SvgElement.set(node, {
- 'clip-path': 'url(#' + clip.id + ')'
- });
- } else {
- node.appendChild(childNode);
- }
- }
- }
- return node;
- }
- function exportRaster(item, options) {
- var attrs = getTransform(item._matrix, true),
- size = item.getSize(),
- image = item.getImage();
- attrs.x -= size.width / 2;
- attrs.y -= size.height / 2;
- attrs.width = size.width;
- attrs.height = size.height;
- attrs.href = options.embedImages == false && image && image.src
- || item.toDataURL();
- return SvgElement.create('image', attrs, formatter);
- }
- function exportPath(item, options) {
- var matchShapes = options.matchShapes;
- if (matchShapes) {
- var shape = item.toShape(false);
- if (shape)
- return exportShape(shape, options);
- }
- var segments = item._segments,
- length = segments.length,
- type,
- attrs = getTransform(item._matrix);
- if (matchShapes && length >= 2 && !item.hasHandles()) {
- if (length > 2) {
- type = item._closed ? 'polygon' : 'polyline';
- var parts = [];
- for (var i = 0; i < length; i++) {
- parts.push(formatter.point(segments[i]._point));
- }
- attrs.points = parts.join(' ');
- } else {
- type = 'line';
- var start = segments[0]._point,
- end = segments[1]._point;
- attrs.set({
- x1: start.x,
- y1: start.y,
- x2: end.x,
- y2: end.y
- });
- }
- } else {
- type = 'path';
- attrs.d = item.getPathData(null, options.precision);
- }
- return SvgElement.create(type, attrs, formatter);
- }
- function exportShape(item) {
- var type = item._type,
- radius = item._radius,
- attrs = getTransform(item._matrix, true, type !== 'rectangle');
- if (type === 'rectangle') {
- type = 'rect';
- var size = item._size,
- width = size.width,
- height = size.height;
- attrs.x -= width / 2;
- attrs.y -= height / 2;
- attrs.width = width;
- attrs.height = height;
- if (radius.isZero())
- radius = null;
- }
- if (radius) {
- if (type === 'circle') {
- attrs.r = radius;
- } else {
- attrs.rx = radius.width;
- attrs.ry = radius.height;
- }
- }
- return SvgElement.create(type, attrs, formatter);
- }
- function exportCompoundPath(item, options) {
- var attrs = getTransform(item._matrix);
- var data = item.getPathData(null, options.precision);
- if (data)
- attrs.d = data;
- return SvgElement.create('path', attrs, formatter);
- }
- function exportSymbolItem(item, options) {
- var attrs = getTransform(item._matrix, true),
- definition = item._definition,
- node = getDefinition(definition, 'symbol'),
- definitionItem = definition._item,
- bounds = definitionItem.getBounds();
- if (!node) {
- node = SvgElement.create('symbol', {
- viewBox: formatter.rectangle(bounds)
- });
- node.appendChild(exportSVG(definitionItem, options));
- setDefinition(definition, node, 'symbol');
- }
- attrs.href = '#' + node.id;
- attrs.x += bounds.x;
- attrs.y += bounds.y;
- attrs.width = bounds.width;
- attrs.height = bounds.height;
- attrs.overflow = 'visible';
- return SvgElement.create('use', attrs, formatter);
- }
- function exportGradient(color) {
- var gradientNode = getDefinition(color, 'color');
- if (!gradientNode) {
- var gradient = color.getGradient(),
- radial = gradient._radial,
- origin = color.getOrigin(),
- destination = color.getDestination(),
- attrs;
- if (radial) {
- attrs = {
- cx: origin.x,
- cy: origin.y,
- r: origin.getDistance(destination)
- };
- var highlight = color.getHighlight();
- if (highlight) {
- attrs.fx = highlight.x;
- attrs.fy = highlight.y;
- }
- } else {
- attrs = {
- x1: origin.x,
- y1: origin.y,
- x2: destination.x,
- y2: destination.y
- };
- }
- attrs.gradientUnits = 'userSpaceOnUse';
- gradientNode = SvgElement.create((radial ? 'radial' : 'linear')
- + 'Gradient', attrs, formatter);
- var stops = gradient._stops;
- for (var i = 0, l = stops.length; i < l; i++) {
- var stop = stops[i],
- stopColor = stop._color,
- alpha = stopColor.getAlpha(),
- offset = stop._offset;
- attrs = {
- offset: offset == null ? i / (l - 1) : offset
- };
- if (stopColor)
- attrs['stop-color'] = stopColor.toCSS(true);
- if (alpha < 1)
- attrs['stop-opacity'] = alpha;
- gradientNode.appendChild(
- SvgElement.create('stop', attrs, formatter));
- }
- setDefinition(color, gradientNode, 'color');
- }
- return 'url(#' + gradientNode.id + ')';
- }
- function exportText(item) {
- var node = SvgElement.create('text', getTransform(item._matrix, true),
- formatter);
- node.textContent = item._content;
- return node;
- }
- var exporters = {
- Group: exportGroup,
- Layer: exportGroup,
- Raster: exportRaster,
- Path: exportPath,
- Shape: exportShape,
- CompoundPath: exportCompoundPath,
- SymbolItem: exportSymbolItem,
- PointText: exportText
- };
- function applyStyle(item, node, isRoot) {
- var attrs = {},
- parent = !isRoot && item.getParent(),
- style = [];
- if (item._name != null)
- attrs.id = item._name;
- Base.each(SvgStyles, function(entry) {
- var get = entry.get,
- type = entry.type,
- value = item[get]();
- if (entry.exportFilter
- ? entry.exportFilter(item, value)
- : !parent || !Base.equals(parent[get](), value)) {
- if (type === 'color' && value != null) {
- var alpha = value.getAlpha();
- if (alpha < 1)
- attrs[entry.attribute + '-opacity'] = alpha;
- }
- if (type === 'style') {
- style.push(entry.attribute + ': ' + value);
- } else {
- attrs[entry.attribute] = value == null ? 'none'
- : type === 'color' ? value.gradient
- ? exportGradient(value, item)
- : value.toCSS(true)
- : type === 'array' ? value.join(',')
- : type === 'lookup' ? entry.toSVG[value]
- : value;
- }
- }
- });
- if (style.length)
- attrs.style = style.join(';');
- if (attrs.opacity === 1)
- delete attrs.opacity;
- if (!item._visible)
- attrs.visibility = 'hidden';
- return SvgElement.set(node, attrs, formatter);
- }
- var definitions;
- function getDefinition(item, type) {
- if (!definitions)
- definitions = { ids: {}, svgs: {} };
- return item && definitions.svgs[type + '-'
- + (item._id || item.__id || (item.__id = UID.get('svg')))];
- }
- function setDefinition(item, node, type) {
- if (!definitions)
- getDefinition();
- var typeId = definitions.ids[type] = (definitions.ids[type] || 0) + 1;
- node.id = type + '-' + typeId;
- definitions.svgs[type + '-' + (item._id || item.__id)] = node;
- }
- function exportDefinitions(node, options) {
- var svg = node,
- defs = null;
- if (definitions) {
- svg = node.nodeName.toLowerCase() === 'svg' && node;
- for (var i in definitions.svgs) {
- if (!defs) {
- if (!svg) {
- svg = SvgElement.create('svg');
- svg.appendChild(node);
- }
- defs = svg.insertBefore(SvgElement.create('defs'),
- svg.firstChild);
- }
- defs.appendChild(definitions.svgs[i]);
- }
- definitions = null;
- }
- return options.asString
- ? new self.XMLSerializer().serializeToString(svg)
- : svg;
- }
- function exportSVG(item, options, isRoot) {
- var exporter = exporters[item._class],
- node = exporter && exporter(item, options);
- if (node) {
- var onExport = options.onExport;
- if (onExport)
- node = onExport(item, node, options) || node;
- var data = JSON.stringify(item._data);
- if (data && data !== '{}' && data !== 'null')
- node.setAttribute('data-paper-data', data);
- }
- return node && applyStyle(item, node, isRoot);
- }
- function setOptions(options) {
- if (!options)
- options = {};
- formatter = new Formatter(options.precision);
- return options;
- }
- Item.inject({
- exportSVG: function(options) {
- options = setOptions(options);
- return exportDefinitions(exportSVG(this, options, true), options);
- }
- });
- Project.inject({
- exportSVG: function(options) {
- options = setOptions(options);
- var children = this._children,
- view = this.getView(),
- bounds = Base.pick(options.bounds, 'view'),
- mx = options.matrix || bounds === 'view' && view._matrix,
- matrix = mx && Matrix.read([mx]),
- rect = bounds === 'view'
- ? new Rectangle([0, 0], view.getViewSize())
- : bounds === 'content'
- ? Item._getBounds(children, matrix, { stroke: true })
- .rect
- : Rectangle.read([bounds], 0, { readNull: true }),
- attrs = {
- version: '1.1',
- xmlns: SvgElement.svg,
- 'xmlns:xlink': SvgElement.xlink,
- };
- if (rect) {
- attrs.width = rect.width;
- attrs.height = rect.height;
- if (rect.x || rect.y)
- attrs.viewBox = formatter.rectangle(rect);
- }
- var node = SvgElement.create('svg', attrs, formatter),
- parent = node;
- if (matrix && !matrix.isIdentity()) {
- parent = node.appendChild(SvgElement.create('g',
- getTransform(matrix), formatter));
- }
- for (var i = 0, l = children.length; i < l; i++) {
- parent.appendChild(exportSVG(children[i], options, true));
- }
- return exportDefinitions(node, options);
- }
- });
- };
- new function() {
- var definitions = {},
- rootSize;
- function getValue(node, name, isString, allowNull, allowPercent) {
- var value = SvgElement.get(node, name),
- res = value == null
- ? allowNull
- ? null
- : isString ? '' : 0
- : isString
- ? value
- : parseFloat(value);
- return /%\s*$/.test(value)
- ? (res / 100) * (allowPercent ? 1
- : rootSize[/x|^width/.test(name) ? 'width' : 'height'])
- : res;
- }
- function getPoint(node, x, y, allowNull, allowPercent) {
- x = getValue(node, x || 'x', false, allowNull, allowPercent);
- y = getValue(node, y || 'y', false, allowNull, allowPercent);
- return allowNull && (x == null || y == null) ? null
- : new Point(x, y);
- }
- function getSize(node, w, h, allowNull, allowPercent) {
- w = getValue(node, w || 'width', false, allowNull, allowPercent);
- h = getValue(node, h || 'height', false, allowNull, allowPercent);
- return allowNull && (w == null || h == null) ? null
- : new Size(w, h);
- }
- function convertValue(value, type, lookup) {
- return value === 'none' ? null
- : type === 'number' ? parseFloat(value)
- : type === 'array' ?
- value ? value.split(/[\s,]+/g).map(parseFloat) : []
- : type === 'color' ? getDefinition(value) || value
- : type === 'lookup' ? lookup[value]
- : value;
- }
- function importGroup(node, type, options, isRoot) {
- var nodes = node.childNodes,
- isClip = type === 'clippath',
- isDefs = type === 'defs',
- item = new Group(),
- project = item._project,
- currentStyle = project._currentStyle,
- children = [];
- if (!isClip && !isDefs) {
- item = applyAttributes(item, node, isRoot);
- project._currentStyle = item._style.clone();
- }
- if (isRoot) {
- var defs = node.querySelectorAll('defs');
- for (var i = 0, l = defs.length; i < l; i++) {
- importNode(defs[i], options, false);
- }
- }
- for (var i = 0, l = nodes.length; i < l; i++) {
- var childNode = nodes[i],
- child;
- if (childNode.nodeType === 1
- && !/^defs$/i.test(childNode.nodeName)
- && (child = importNode(childNode, options, false))
- && !(child instanceof SymbolDefinition))
- children.push(child);
- }
- item.addChildren(children);
- if (isClip)
- item = applyAttributes(item.reduce(), node, isRoot);
- project._currentStyle = currentStyle;
- if (isClip || isDefs) {
- item.remove();
- item = null;
- }
- return item;
- }
- function importPoly(node, type) {
- var coords = node.getAttribute('points').match(
- /[+-]?(?:\d*\.\d+|\d+\.?)(?:[eE][+-]?\d+)?/g),
- points = [];
- for (var i = 0, l = coords.length; i < l; i += 2)
- points.push(new Point(
- parseFloat(coords[i]),
- parseFloat(coords[i + 1])));
- var path = new Path(points);
- if (type === 'polygon')
- path.closePath();
- return path;
- }
- function importPath(node) {
- return PathItem.create(node.getAttribute('d'));
- }
- function importGradient(node, type) {
- var id = (getValue(node, 'href', true) || '').substring(1),
- radial = type === 'radialgradient',
- gradient;
- if (id) {
- gradient = definitions[id].getGradient();
- if (gradient._radial ^ radial) {
- gradient = gradient.clone();
- gradient._radial = radial;
- }
- } else {
- var nodes = node.childNodes,
- stops = [];
- for (var i = 0, l = nodes.length; i < l; i++) {
- var child = nodes[i];
- if (child.nodeType === 1)
- stops.push(applyAttributes(new GradientStop(), child));
- }
- gradient = new Gradient(stops, radial);
- }
- var origin, destination, highlight,
- scaleToBounds = getValue(node, 'gradientUnits', true) !==
- 'userSpaceOnUse';
- if (radial) {
- origin = getPoint(node, 'cx', 'cy', false, scaleToBounds);
- destination = origin.add(
- getValue(node, 'r', false, false, scaleToBounds), 0);
- highlight = getPoint(node, 'fx', 'fy', true, scaleToBounds);
- } else {
- origin = getPoint(node, 'x1', 'y1', false, scaleToBounds);
- destination = getPoint(node, 'x2', 'y2', false, scaleToBounds);
- }
- var color = applyAttributes(
- new Color(gradient, origin, destination, highlight), node);
- color._scaleToBounds = scaleToBounds;
- return null;
- }
- var importers = {
- '#document': function (node, type, options, isRoot) {
- var nodes = node.childNodes;
- for (var i = 0, l = nodes.length; i < l; i++) {
- var child = nodes[i];
- if (child.nodeType === 1)
- return importNode(child, options, isRoot);
- }
- },
- g: importGroup,
- svg: importGroup,
- clippath: importGroup,
- polygon: importPoly,
- polyline: importPoly,
- path: importPath,
- lineargradient: importGradient,
- radialgradient: importGradient,
- image: function (node) {
- var raster = new Raster(getValue(node, 'href', true));
- raster.on('load', function() {
- var size = getSize(node);
- this.setSize(size);
- var center = this._matrix._transformPoint(
- getPoint(node).add(size.divide(2)));
- this.translate(center);
- });
- return raster;
- },
- symbol: function(node, type, options, isRoot) {
- return new SymbolDefinition(
- importGroup(node, type, options, isRoot), true);
- },
- defs: importGroup,
- use: function(node) {
- var id = (getValue(node, 'href', true) || '').substring(1),
- definition = definitions[id],
- point = getPoint(node);
- return definition
- ? definition instanceof SymbolDefinition
- ? definition.place(point)
- : definition.clone().translate(point)
- : null;
- },
- circle: function(node) {
- return new Shape.Circle(
- getPoint(node, 'cx', 'cy'),
- getValue(node, 'r'));
- },
- ellipse: function(node) {
- return new Shape.Ellipse({
- center: getPoint(node, 'cx', 'cy'),
- radius: getSize(node, 'rx', 'ry')
- });
- },
- rect: function(node) {
- return new Shape.Rectangle(new Rectangle(
- getPoint(node),
- getSize(node)
- ), getSize(node, 'rx', 'ry'));
- },
- line: function(node) {
- return new Path.Line(
- getPoint(node, 'x1', 'y1'),
- getPoint(node, 'x2', 'y2'));
- },
- text: function(node) {
- var text = new PointText(getPoint(node).add(
- getPoint(node, 'dx', 'dy')));
- text.setContent(node.textContent.trim() || '');
- return text;
- }
- };
- function applyTransform(item, value, name, node) {
- if (item.transform) {
- var transforms = (node.getAttribute(name) || '').split(/\)\s*/g),
- matrix = new Matrix();
- for (var i = 0, l = transforms.length; i < l; i++) {
- var transform = transforms[i];
- if (!transform)
- break;
- var parts = transform.split(/\(\s*/),
- command = parts[0],
- v = parts[1].split(/[\s,]+/g);
- for (var j = 0, m = v.length; j < m; j++)
- v[j] = parseFloat(v[j]);
- switch (command) {
- case 'matrix':
- matrix.append(
- new Matrix(v[0], v[1], v[2], v[3], v[4], v[5]));
- break;
- case 'rotate':
- matrix.rotate(v[0], v[1], v[2]);
- break;
- case 'translate':
- matrix.translate(v[0], v[1]);
- break;
- case 'scale':
- matrix.scale(v);
- break;
- case 'skewX':
- matrix.skew(v[0], 0);
- break;
- case 'skewY':
- matrix.skew(0, v[0]);
- break;
- }
- }
- item.transform(matrix);
- }
- }
- function applyOpacity(item, value, name) {
- var key = name === 'fill-opacity' ? 'getFillColor' : 'getStrokeColor',
- color = item[key] && item[key]();
- if (color)
- color.setAlpha(parseFloat(value));
- }
- var attributes = Base.set(Base.each(SvgStyles, function(entry) {
- this[entry.attribute] = function(item, value) {
- if (item[entry.set]) {
- item[entry.set](convertValue(value, entry.type, entry.fromSVG));
- if (entry.type === 'color') {
- var color = item[entry.get]();
- if (color) {
- if (color._scaleToBounds) {
- var bounds = item.getBounds();
- color.transform(new Matrix()
- .translate(bounds.getPoint())
- .scale(bounds.getSize()));
- }
- }
- }
- }
- };
- }, {}), {
- id: function(item, value) {
- definitions[value] = item;
- if (item.setName)
- item.setName(value);
- },
- 'clip-path': function(item, value) {
- var clip = getDefinition(value);
- if (clip) {
- clip = clip.clone();
- clip.setClipMask(true);
- if (item instanceof Group) {
- item.insertChild(0, clip);
- } else {
- return new Group(clip, item);
- }
- }
- },
- gradientTransform: applyTransform,
- transform: applyTransform,
- 'fill-opacity': applyOpacity,
- 'stroke-opacity': applyOpacity,
- visibility: function(item, value) {
- if (item.setVisible)
- item.setVisible(value === 'visible');
- },
- display: function(item, value) {
- if (item.setVisible)
- item.setVisible(value !== null);
- },
- 'stop-color': function(item, value) {
- if (item.setColor)
- item.setColor(value);
- },
- 'stop-opacity': function(item, value) {
- if (item._color)
- item._color.setAlpha(parseFloat(value));
- },
- offset: function(item, value) {
- if (item.setOffset) {
- var percent = value.match(/(.*)%$/);
- item.setOffset(percent ? percent[1] / 100 : parseFloat(value));
- }
- },
- viewBox: function(item, value, name, node, styles) {
- var rect = new Rectangle(convertValue(value, 'array')),
- size = getSize(node, null, null, true),
- group,
- matrix;
- if (item instanceof Group) {
- var scale = size ? size.divide(rect.getSize()) : 1,
- matrix = new Matrix().scale(scale)
- .translate(rect.getPoint().negate());
- group = item;
- } else if (item instanceof SymbolDefinition) {
- if (size)
- rect.setSize(size);
- group = item._item;
- }
- if (group) {
- if (getAttribute(node, 'overflow', styles) !== 'visible') {
- var clip = new Shape.Rectangle(rect);
- clip.setClipMask(true);
- group.addChild(clip);
- }
- if (matrix)
- group.transform(matrix);
- }
- }
- });
- function getAttribute(node, name, styles) {
- var attr = node.attributes[name],
- value = attr && attr.value;
- if (!value) {
- var style = Base.camelize(name);
- value = node.style[style];
- if (!value && styles.node[style] !== styles.parent[style])
- value = styles.node[style];
- }
- return !value ? undefined
- : value === 'none' ? null
- : value;
- }
- function applyAttributes(item, node, isRoot) {
- if (node.style) {
- var parent = node.parentNode,
- styles = {
- node: DomElement.getStyles(node) || {},
- parent: !isRoot && !/^defs$/i.test(parent.tagName)
- && DomElement.getStyles(parent) || {}
- };
- Base.each(attributes, function(apply, name) {
- var value = getAttribute(node, name, styles);
- item = value !== undefined
- && apply(item, value, name, node, styles) || item;
- });
- }
- return item;
- }
- function getDefinition(value) {
- var match = value && value.match(/\((?:["'#]*)([^"')]+)/),
- name = match && match[1],
- res = name && definitions[window
- ? name.replace(window.location.href.split('#')[0] + '#', '')
- : name];
- if (res && res._scaleToBounds) {
- res = res.clone();
- res._scaleToBounds = true;
- }
- return res;
- }
- function importNode(node, options, isRoot) {
- var type = node.nodeName.toLowerCase(),
- isElement = type !== '#document',
- body = document.body,
- container,
- parent,
- next;
- if (isRoot && isElement) {
- rootSize = paper.getView().getSize();
- rootSize = getSize(node, null, null, true) || rootSize;
- container = SvgElement.create('svg', {
- style: 'stroke-width: 1px; stroke-miterlimit: 10'
- });
- parent = node.parentNode;
- next = node.nextSibling;
- container.appendChild(node);
- body.appendChild(container);
- }
- var settings = paper.settings,
- applyMatrix = settings.applyMatrix,
- insertItems = settings.insertItems;
- settings.applyMatrix = false;
- settings.insertItems = false;
- var importer = importers[type],
- item = importer && importer(node, type, options, isRoot) || null;
- settings.insertItems = insertItems;
- settings.applyMatrix = applyMatrix;
- if (item) {
- if (isElement && !(item instanceof Group))
- item = applyAttributes(item, node, isRoot);
- var onImport = options.onImport,
- data = isElement && node.getAttribute('data-paper-data');
- if (onImport)
- item = onImport(node, item, options) || item;
- if (options.expandShapes && item instanceof Shape) {
- item.remove();
- item = item.toPath();
- }
- if (data)
- item._data = JSON.parse(data);
- }
- if (container) {
- body.removeChild(container);
- if (parent) {
- if (next) {
- parent.insertBefore(node, next);
- } else {
- parent.appendChild(node);
- }
- }
- }
- if (isRoot) {
- definitions = {};
- if (item && Base.pick(options.applyMatrix, applyMatrix))
- item.matrix.apply(true, true);
- }
- return item;
- }
- function importSVG(source, options, owner) {
- if (!source)
- return null;
- options = typeof options === 'function' ? { onLoad: options }
- : options || {};
- var scope = paper,
- item = null;
- function onLoad(svg) {
- try {
- var node = typeof svg === 'object' ? svg : new self.DOMParser()
- .parseFromString(svg, 'image/svg+xml');
- if (!node.nodeName) {
- node = null;
- throw new Error('Unsupported SVG source: ' + source);
- }
- paper = scope;
- item = importNode(node, options, true);
- if (!options || options.insert !== false) {
- owner._insertItem(undefined, item);
- }
- var onLoad = options.onLoad;
- if (onLoad)
- onLoad(item, svg);
- } catch (e) {
- onError(e);
- }
- }
- function onError(message, status) {
- var onError = options.onError;
- if (onError) {
- onError(message, status);
- } else {
- throw new Error(message);
- }
- }
- if (typeof source === 'string' && !/^.*</.test(source)) {
- var node = document.getElementById(source);
- if (node) {
- onLoad(node);
- } else {
- Http.request({
- url: source,
- async: true,
- onLoad: onLoad,
- onError: onError
- });
- }
- } else if (typeof File !== 'undefined' && source instanceof File) {
- var reader = new FileReader();
- reader.onload = function() {
- onLoad(reader.result);
- };
- reader.onerror = function() {
- onError(reader.error);
- };
- return reader.readAsText(source);
- } else {
- onLoad(source);
- }
- return item;
- }
- Item.inject({
- importSVG: function(node, options) {
- return importSVG(node, options, this);
- }
- });
- Project.inject({
- importSVG: function(node, options) {
- this.activate();
- return importSVG(node, options, this);
- }
- });
- };
- Base.exports.PaperScript = function() {
- var global = this,
- acorn = global.acorn;
- if (!acorn && typeof require !== 'undefined') {
- try { acorn = require('acorn'); } catch(e) {}
- }
- if (!acorn) {
- var exports, module;
- acorn = exports = module = {};
- (function(root, mod) {
- if (typeof exports == "object" && typeof module == "object") return mod(exports);
- if (typeof define == "function" && define.amd) return define(["exports"], mod);
- mod(root.acorn || (root.acorn = {}));
- })(this, function(exports) {
- "use strict";
- exports.version = "0.5.0";
- var options, input, inputLen, sourceFile;
- exports.parse = function(inpt, opts) {
- input = String(inpt); inputLen = input.length;
- setOptions(opts);
- initTokenState();
- return parseTopLevel(options.program);
- };
- var defaultOptions = exports.defaultOptions = {
- ecmaVersion: 5,
- strictSemicolons: false,
- allowTrailingCommas: true,
- forbidReserved: false,
- allowReturnOutsideFunction: false,
- locations: false,
- onComment: null,
- ranges: false,
- program: null,
- sourceFile: null,
- directSourceFile: null
- };
- function setOptions(opts) {
- options = opts || {};
- for (var opt in defaultOptions) if (!Object.prototype.hasOwnProperty.call(options, opt))
- options[opt] = defaultOptions[opt];
- sourceFile = options.sourceFile || null;
- }
- var getLineInfo = exports.getLineInfo = function(input, offset) {
- for (var line = 1, cur = 0;;) {
- lineBreak.lastIndex = cur;
- var match = lineBreak.exec(input);
- if (match && match.index < offset) {
- ++line;
- cur = match.index + match[0].length;
- } else break;
- }
- return {line: line, column: offset - cur};
- };
- exports.tokenize = function(inpt, opts) {
- input = String(inpt); inputLen = input.length;
- setOptions(opts);
- initTokenState();
- var t = {};
- function getToken(forceRegexp) {
- lastEnd = tokEnd;
- readToken(forceRegexp);
- t.start = tokStart; t.end = tokEnd;
- t.startLoc = tokStartLoc; t.endLoc = tokEndLoc;
- t.type = tokType; t.value = tokVal;
- return t;
- }
- getToken.jumpTo = function(pos, reAllowed) {
- tokPos = pos;
- if (options.locations) {
- tokCurLine = 1;
- tokLineStart = lineBreak.lastIndex = 0;
- var match;
- while ((match = lineBreak.exec(input)) && match.index < pos) {
- ++tokCurLine;
- tokLineStart = match.index + match[0].length;
- }
- }
- tokRegexpAllowed = reAllowed;
- skipSpace();
- };
- return getToken;
- };
- var tokPos;
- var tokStart, tokEnd;
- var tokStartLoc, tokEndLoc;
- var tokType, tokVal;
- var tokRegexpAllowed;
- var tokCurLine, tokLineStart;
- var lastStart, lastEnd, lastEndLoc;
- var inFunction, labels, strict;
- function raise(pos, message) {
- var loc = getLineInfo(input, pos);
- message += " (" + loc.line + ":" + loc.column + ")";
- var err = new SyntaxError(message);
- err.pos = pos; err.loc = loc; err.raisedAt = tokPos;
- throw err;
- }
- var empty = [];
- var _num = {type: "num"}, _regexp = {type: "regexp"}, _string = {type: "string"};
- var _name = {type: "name"}, _eof = {type: "eof"};
- var _break = {keyword: "break"}, _case = {keyword: "case", beforeExpr: true}, _catch = {keyword: "catch"};
- var _continue = {keyword: "continue"}, _debugger = {keyword: "debugger"}, _default = {keyword: "default"};
- var _do = {keyword: "do", isLoop: true}, _else = {keyword: "else", beforeExpr: true};
- var _finally = {keyword: "finally"}, _for = {keyword: "for", isLoop: true}, _function = {keyword: "function"};
- var _if = {keyword: "if"}, _return = {keyword: "return", beforeExpr: true}, _switch = {keyword: "switch"};
- var _throw = {keyword: "throw", beforeExpr: true}, _try = {keyword: "try"}, _var = {keyword: "var"};
- var _while = {keyword: "while", isLoop: true}, _with = {keyword: "with"}, _new = {keyword: "new", beforeExpr: true};
- var _this = {keyword: "this"};
- var _null = {keyword: "null", atomValue: null}, _true = {keyword: "true", atomValue: true};
- var _false = {keyword: "false", atomValue: false};
- var _in = {keyword: "in", binop: 7, beforeExpr: true};
- var keywordTypes = {"break": _break, "case": _case, "catch": _catch,
- "continue": _continue, "debugger": _debugger, "default": _default,
- "do": _do, "else": _else, "finally": _finally, "for": _for,
- "function": _function, "if": _if, "return": _return, "switch": _switch,
- "throw": _throw, "try": _try, "var": _var, "while": _while, "with": _with,
- "null": _null, "true": _true, "false": _false, "new": _new, "in": _in,
- "instanceof": {keyword: "instanceof", binop: 7, beforeExpr: true}, "this": _this,
- "typeof": {keyword: "typeof", prefix: true, beforeExpr: true},
- "void": {keyword: "void", prefix: true, beforeExpr: true},
- "delete": {keyword: "delete", prefix: true, beforeExpr: true}};
- var _bracketL = {type: "[", beforeExpr: true}, _bracketR = {type: "]"}, _braceL = {type: "{", beforeExpr: true};
- var _braceR = {type: "}"}, _parenL = {type: "(", beforeExpr: true}, _parenR = {type: ")"};
- var _comma = {type: ",", beforeExpr: true}, _semi = {type: ";", beforeExpr: true};
- var _colon = {type: ":", beforeExpr: true}, _dot = {type: "."}, _question = {type: "?", beforeExpr: true};
- var _slash = {binop: 10, beforeExpr: true}, _eq = {isAssign: true, beforeExpr: true};
- var _assign = {isAssign: true, beforeExpr: true};
- var _incDec = {postfix: true, prefix: true, isUpdate: true}, _prefix = {prefix: true, beforeExpr: true};
- var _logicalOR = {binop: 1, beforeExpr: true};
- var _logicalAND = {binop: 2, beforeExpr: true};
- var _bitwiseOR = {binop: 3, beforeExpr: true};
- var _bitwiseXOR = {binop: 4, beforeExpr: true};
- var _bitwiseAND = {binop: 5, beforeExpr: true};
- var _equality = {binop: 6, beforeExpr: true};
- var _relational = {binop: 7, beforeExpr: true};
- var _bitShift = {binop: 8, beforeExpr: true};
- var _plusMin = {binop: 9, prefix: true, beforeExpr: true};
- var _multiplyModulo = {binop: 10, beforeExpr: true};
- exports.tokTypes = {bracketL: _bracketL, bracketR: _bracketR, braceL: _braceL, braceR: _braceR,
- parenL: _parenL, parenR: _parenR, comma: _comma, semi: _semi, colon: _colon,
- dot: _dot, question: _question, slash: _slash, eq: _eq, name: _name, eof: _eof,
- num: _num, regexp: _regexp, string: _string};
- for (var kw in keywordTypes) exports.tokTypes["_" + kw] = keywordTypes[kw];
- function makePredicate(words) {
- words = words.split(" ");
- var f = "", cats = [];
- out: for (var i = 0; i < words.length; ++i) {
- for (var j = 0; j < cats.length; ++j)
- if (cats[j][0].length == words[i].length) {
- cats[j].push(words[i]);
- continue out;
- }
- cats.push([words[i]]);
- }
- function compareTo(arr) {
- if (arr.length == 1) return f += "return str === " + JSON.stringify(arr[0]) + ";";
- f += "switch(str){";
- for (var i = 0; i < arr.length; ++i) f += "case " + JSON.stringify(arr[i]) + ":";
- f += "return true}return false;";
- }
- if (cats.length > 3) {
- cats.sort(function(a, b) {return b.length - a.length;});
- f += "switch(str.length){";
- for (var i = 0; i < cats.length; ++i) {
- var cat = cats[i];
- f += "case " + cat[0].length + ":";
- compareTo(cat);
- }
- f += "}";
- } else {
- compareTo(words);
- }
- return new Function("str", f);
- }
- var isReservedWord3 = makePredicate("abstract boolean byte char class double enum export extends final float goto implements import int interface long native package private protected public short static super synchronized throws transient volatile");
- var isReservedWord5 = makePredicate("class enum extends super const export import");
- var isStrictReservedWord = makePredicate("implements interface let package private protected public static yield");
- var isStrictBadIdWord = makePredicate("eval arguments");
- var isKeyword = makePredicate("break case catch continue debugger default do else finally for function if return switch throw try var while with null true false instanceof typeof void delete new in this");
- var nonASCIIwhitespace = /[\u1680\u180e\u2000-\u200a\u202f\u205f\u3000\ufeff]/;
- var nonASCIIidentifierStartChars = "\xaa\xb5\xba\xc0-\xd6\xd8-\xf6\xf8-\u02c1\u02c6-\u02d1\u02e0-\u02e4\u02ec\u02ee\u0370-\u0374\u0376\u0377\u037a-\u037d\u0386\u0388-\u038a\u038c\u038e-\u03a1\u03a3-\u03f5\u03f7-\u0481\u048a-\u0527\u0531-\u0556\u0559\u0561-\u0587\u05d0-\u05ea\u05f0-\u05f2\u0620-\u064a\u066e\u066f\u0671-\u06d3\u06d5\u06e5\u06e6\u06ee\u06ef\u06fa-\u06fc\u06ff\u0710\u0712-\u072f\u074d-\u07a5\u07b1\u07ca-\u07ea\u07f4\u07f5\u07fa\u0800-\u0815\u081a\u0824\u0828\u0840-\u0858\u08a0\u08a2-\u08ac\u0904-\u0939\u093d\u0950\u0958-\u0961\u0971-\u0977\u0979-\u097f\u0985-\u098c\u098f\u0990\u0993-\u09a8\u09aa-\u09b0\u09b2\u09b6-\u09b9\u09bd\u09ce\u09dc\u09dd\u09df-\u09e1\u09f0\u09f1\u0a05-\u0a0a\u0a0f\u0a10\u0a13-\u0a28\u0a2a-\u0a30\u0a32\u0a33\u0a35\u0a36\u0a38\u0a39\u0a59-\u0a5c\u0a5e\u0a72-\u0a74\u0a85-\u0a8d\u0a8f-\u0a91\u0a93-\u0aa8\u0aaa-\u0ab0\u0ab2\u0ab3\u0ab5-\u0ab9\u0abd\u0ad0\u0ae0\u0ae1\u0b05-\u0b0c\u0b0f\u0b10\u0b13-\u0b28\u0b2a-\u0b30\u0b32\u0b33\u0b35-\u0b39\u0b3d\u0b5c\u0b5d\u0b5f-\u0b61\u0b71\u0b83\u0b85-\u0b8a\u0b8e-\u0b90\u0b92-\u0b95\u0b99\u0b9a\u0b9c\u0b9e\u0b9f\u0ba3\u0ba4\u0ba8-\u0baa\u0bae-\u0bb9\u0bd0\u0c05-\u0c0c\u0c0e-\u0c10\u0c12-\u0c28\u0c2a-\u0c33\u0c35-\u0c39\u0c3d\u0c58\u0c59\u0c60\u0c61\u0c85-\u0c8c\u0c8e-\u0c90\u0c92-\u0ca8\u0caa-\u0cb3\u0cb5-\u0cb9\u0cbd\u0cde\u0ce0\u0ce1\u0cf1\u0cf2\u0d05-\u0d0c\u0d0e-\u0d10\u0d12-\u0d3a\u0d3d\u0d4e\u0d60\u0d61\u0d7a-\u0d7f\u0d85-\u0d96\u0d9a-\u0db1\u0db3-\u0dbb\u0dbd\u0dc0-\u0dc6\u0e01-\u0e30\u0e32\u0e33\u0e40-\u0e46\u0e81\u0e82\u0e84\u0e87\u0e88\u0e8a\u0e8d\u0e94-\u0e97\u0e99-\u0e9f\u0ea1-\u0ea3\u0ea5\u0ea7\u0eaa\u0eab\u0ead-\u0eb0\u0eb2\u0eb3\u0ebd\u0ec0-\u0ec4\u0ec6\u0edc-\u0edf\u0f00\u0f40-\u0f47\u0f49-\u0f6c\u0f88-\u0f8c\u1000-\u102a\u103f\u1050-\u1055\u105a-\u105d\u1061\u1065\u1066\u106e-\u1070\u1075-\u1081\u108e\u10a0-\u10c5\u10c7\u10cd\u10d0-\u10fa\u10fc-\u1248\u124a-\u124d\u1250-\u1256\u1258\u125a-\u125d\u1260-\u1288\u128a-\u128d\u1290-\u12b0\u12b2-\u12b5\u12b8-\u12be\u12c0\u12c2-\u12c5\u12c8-\u12d6\u12d8-\u1310\u1312-\u1315\u1318-\u135a\u1380-\u138f\u13a0-\u13f4\u1401-\u166c\u166f-\u167f\u1681-\u169a\u16a0-\u16ea\u16ee-\u16f0\u1700-\u170c\u170e-\u1711\u1720-\u1731\u1740-\u1751\u1760-\u176c\u176e-\u1770\u1780-\u17b3\u17d7\u17dc\u1820-\u1877\u1880-\u18a8\u18aa\u18b0-\u18f5\u1900-\u191c\u1950-\u196d\u1970-\u1974\u1980-\u19ab\u19c1-\u19c7\u1a00-\u1a16\u1a20-\u1a54\u1aa7\u1b05-\u1b33\u1b45-\u1b4b\u1b83-\u1ba0\u1bae\u1baf\u1bba-\u1be5\u1c00-\u1c23\u1c4d-\u1c4f\u1c5a-\u1c7d\u1ce9-\u1cec\u1cee-\u1cf1\u1cf5\u1cf6\u1d00-\u1dbf\u1e00-\u1f15\u1f18-\u1f1d\u1f20-\u1f45\u1f48-\u1f4d\u1f50-\u1f57\u1f59\u1f5b\u1f5d\u1f5f-\u1f7d\u1f80-\u1fb4\u1fb6-\u1fbc\u1fbe\u1fc2-\u1fc4\u1fc6-\u1fcc\u1fd0-\u1fd3\u1fd6-\u1fdb\u1fe0-\u1fec\u1ff2-\u1ff4\u1ff6-\u1ffc\u2071\u207f\u2090-\u209c\u2102\u2107\u210a-\u2113\u2115\u2119-\u211d\u2124\u2126\u2128\u212a-\u212d\u212f-\u2139\u213c-\u213f\u2145-\u2149\u214e\u2160-\u2188\u2c00-\u2c2e\u2c30-\u2c5e\u2c60-\u2ce4\u2ceb-\u2cee\u2cf2\u2cf3\u2d00-\u2d25\u2d27\u2d2d\u2d30-\u2d67\u2d6f\u2d80-\u2d96\u2da0-\u2da6\u2da8-\u2dae\u2db0-\u2db6\u2db8-\u2dbe\u2dc0-\u2dc6\u2dc8-\u2dce\u2dd0-\u2dd6\u2dd8-\u2dde\u2e2f\u3005-\u3007\u3021-\u3029\u3031-\u3035\u3038-\u303c\u3041-\u3096\u309d-\u309f\u30a1-\u30fa\u30fc-\u30ff\u3105-\u312d\u3131-\u318e\u31a0-\u31ba\u31f0-\u31ff\u3400-\u4db5\u4e00-\u9fcc\ua000-\ua48c\ua4d0-\ua4fd\ua500-\ua60c\ua610-\ua61f\ua62a\ua62b\ua640-\ua66e\ua67f-\ua697\ua6a0-\ua6ef\ua717-\ua71f\ua722-\ua788\ua78b-\ua78e\ua790-\ua793\ua7a0-\ua7aa\ua7f8-\ua801\ua803-\ua805\ua807-\ua80a\ua80c-\ua822\ua840-\ua873\ua882-\ua8b3\ua8f2-\ua8f7\ua8fb\ua90a-\ua925\ua930-\ua946\ua960-\ua97c\ua984-\ua9b2\ua9cf\uaa00-\uaa28\uaa40-\uaa42\uaa44-\uaa4b\uaa60-\uaa76\uaa7a\uaa80-\uaaaf\uaab1\uaab5\uaab6\uaab9-\uaabd\uaac0\uaac2\uaadb-\uaadd\uaae0-\uaaea\uaaf2-\uaaf4\uab01-\uab06\uab09-\uab0e\uab11-\uab16\uab20-\uab26\uab28-\uab2e\uabc0-\uabe2\uac00-\ud7a3\ud7b0-\ud7c6\ud7cb-\ud7fb\uf900-\ufa6d\ufa70-\ufad9\ufb00-\ufb06\ufb13-\ufb17\ufb1d\ufb1f-\ufb28\ufb2a-\ufb36\ufb38-\ufb3c\ufb3e\ufb40\ufb41\ufb43\ufb44\ufb46-\ufbb1\ufbd3-\ufd3d\ufd50-\ufd8f\ufd92-\ufdc7\ufdf0-\ufdfb\ufe70-\ufe74\ufe76-\ufefc\uff21-\uff3a\uff41-\uff5a\uff66-\uffbe\uffc2-\uffc7\uffca-\uffcf\uffd2-\uffd7\uffda-\uffdc";
- var nonASCIIidentifierChars = "\u0300-\u036f\u0483-\u0487\u0591-\u05bd\u05bf\u05c1\u05c2\u05c4\u05c5\u05c7\u0610-\u061a\u0620-\u0649\u0672-\u06d3\u06e7-\u06e8\u06fb-\u06fc\u0730-\u074a\u0800-\u0814\u081b-\u0823\u0825-\u0827\u0829-\u082d\u0840-\u0857\u08e4-\u08fe\u0900-\u0903\u093a-\u093c\u093e-\u094f\u0951-\u0957\u0962-\u0963\u0966-\u096f\u0981-\u0983\u09bc\u09be-\u09c4\u09c7\u09c8\u09d7\u09df-\u09e0\u0a01-\u0a03\u0a3c\u0a3e-\u0a42\u0a47\u0a48\u0a4b-\u0a4d\u0a51\u0a66-\u0a71\u0a75\u0a81-\u0a83\u0abc\u0abe-\u0ac5\u0ac7-\u0ac9\u0acb-\u0acd\u0ae2-\u0ae3\u0ae6-\u0aef\u0b01-\u0b03\u0b3c\u0b3e-\u0b44\u0b47\u0b48\u0b4b-\u0b4d\u0b56\u0b57\u0b5f-\u0b60\u0b66-\u0b6f\u0b82\u0bbe-\u0bc2\u0bc6-\u0bc8\u0bca-\u0bcd\u0bd7\u0be6-\u0bef\u0c01-\u0c03\u0c46-\u0c48\u0c4a-\u0c4d\u0c55\u0c56\u0c62-\u0c63\u0c66-\u0c6f\u0c82\u0c83\u0cbc\u0cbe-\u0cc4\u0cc6-\u0cc8\u0cca-\u0ccd\u0cd5\u0cd6\u0ce2-\u0ce3\u0ce6-\u0cef\u0d02\u0d03\u0d46-\u0d48\u0d57\u0d62-\u0d63\u0d66-\u0d6f\u0d82\u0d83\u0dca\u0dcf-\u0dd4\u0dd6\u0dd8-\u0ddf\u0df2\u0df3\u0e34-\u0e3a\u0e40-\u0e45\u0e50-\u0e59\u0eb4-\u0eb9\u0ec8-\u0ecd\u0ed0-\u0ed9\u0f18\u0f19\u0f20-\u0f29\u0f35\u0f37\u0f39\u0f41-\u0f47\u0f71-\u0f84\u0f86-\u0f87\u0f8d-\u0f97\u0f99-\u0fbc\u0fc6\u1000-\u1029\u1040-\u1049\u1067-\u106d\u1071-\u1074\u1082-\u108d\u108f-\u109d\u135d-\u135f\u170e-\u1710\u1720-\u1730\u1740-\u1750\u1772\u1773\u1780-\u17b2\u17dd\u17e0-\u17e9\u180b-\u180d\u1810-\u1819\u1920-\u192b\u1930-\u193b\u1951-\u196d\u19b0-\u19c0\u19c8-\u19c9\u19d0-\u19d9\u1a00-\u1a15\u1a20-\u1a53\u1a60-\u1a7c\u1a7f-\u1a89\u1a90-\u1a99\u1b46-\u1b4b\u1b50-\u1b59\u1b6b-\u1b73\u1bb0-\u1bb9\u1be6-\u1bf3\u1c00-\u1c22\u1c40-\u1c49\u1c5b-\u1c7d\u1cd0-\u1cd2\u1d00-\u1dbe\u1e01-\u1f15\u200c\u200d\u203f\u2040\u2054\u20d0-\u20dc\u20e1\u20e5-\u20f0\u2d81-\u2d96\u2de0-\u2dff\u3021-\u3028\u3099\u309a\ua640-\ua66d\ua674-\ua67d\ua69f\ua6f0-\ua6f1\ua7f8-\ua800\ua806\ua80b\ua823-\ua827\ua880-\ua881\ua8b4-\ua8c4\ua8d0-\ua8d9\ua8f3-\ua8f7\ua900-\ua909\ua926-\ua92d\ua930-\ua945\ua980-\ua983\ua9b3-\ua9c0\uaa00-\uaa27\uaa40-\uaa41\uaa4c-\uaa4d\uaa50-\uaa59\uaa7b\uaae0-\uaae9\uaaf2-\uaaf3\uabc0-\uabe1\uabec\uabed\uabf0-\uabf9\ufb20-\ufb28\ufe00-\ufe0f\ufe20-\ufe26\ufe33\ufe34\ufe4d-\ufe4f\uff10-\uff19\uff3f";
- var nonASCIIidentifierStart = new RegExp("[" + nonASCIIidentifierStartChars + "]");
- var nonASCIIidentifier = new RegExp("[" + nonASCIIidentifierStartChars + nonASCIIidentifierChars + "]");
- var newline = /[\n\r\u2028\u2029]/;
- var lineBreak = /\r\n|[\n\r\u2028\u2029]/g;
- var isIdentifierStart = exports.isIdentifierStart = function(code) {
- if (code < 65) return code === 36;
- if (code < 91) return true;
- if (code < 97) return code === 95;
- if (code < 123)return true;
- return code >= 0xaa && nonASCIIidentifierStart.test(String.fromCharCode(code));
- };
- var isIdentifierChar = exports.isIdentifierChar = function(code) {
- if (code < 48) return code === 36;
- if (code < 58) return true;
- if (code < 65) return false;
- if (code < 91) return true;
- if (code < 97) return code === 95;
- if (code < 123)return true;
- return code >= 0xaa && nonASCIIidentifier.test(String.fromCharCode(code));
- };
- function line_loc_t() {
- this.line = tokCurLine;
- this.column = tokPos - tokLineStart;
- }
- function initTokenState() {
- tokCurLine = 1;
- tokPos = tokLineStart = 0;
- tokRegexpAllowed = true;
- skipSpace();
- }
- function finishToken(type, val) {
- tokEnd = tokPos;
- if (options.locations) tokEndLoc = new line_loc_t;
- tokType = type;
- skipSpace();
- tokVal = val;
- tokRegexpAllowed = type.beforeExpr;
- }
- function skipBlockComment() {
- var startLoc = options.onComment && options.locations && new line_loc_t;
- var start = tokPos, end = input.indexOf("*/", tokPos += 2);
- if (end === -1) raise(tokPos - 2, "Unterminated comment");
- tokPos = end + 2;
- if (options.locations) {
- lineBreak.lastIndex = start;
- var match;
- while ((match = lineBreak.exec(input)) && match.index < tokPos) {
- ++tokCurLine;
- tokLineStart = match.index + match[0].length;
- }
- }
- if (options.onComment)
- options.onComment(true, input.slice(start + 2, end), start, tokPos,
- startLoc, options.locations && new line_loc_t);
- }
- function skipLineComment() {
- var start = tokPos;
- var startLoc = options.onComment && options.locations && new line_loc_t;
- var ch = input.charCodeAt(tokPos+=2);
- while (tokPos < inputLen && ch !== 10 && ch !== 13 && ch !== 8232 && ch !== 8233) {
- ++tokPos;
- ch = input.charCodeAt(tokPos);
- }
- if (options.onComment)
- options.onComment(false, input.slice(start + 2, tokPos), start, tokPos,
- startLoc, options.locations && new line_loc_t);
- }
- function skipSpace() {
- while (tokPos < inputLen) {
- var ch = input.charCodeAt(tokPos);
- if (ch === 32) {
- ++tokPos;
- } else if (ch === 13) {
- ++tokPos;
- var next = input.charCodeAt(tokPos);
- if (next === 10) {
- ++tokPos;
- }
- if (options.locations) {
- ++tokCurLine;
- tokLineStart = tokPos;
- }
- } else if (ch === 10 || ch === 8232 || ch === 8233) {
- ++tokPos;
- if (options.locations) {
- ++tokCurLine;
- tokLineStart = tokPos;
- }
- } else if (ch > 8 && ch < 14) {
- ++tokPos;
- } else if (ch === 47) {
- var next = input.charCodeAt(tokPos + 1);
- if (next === 42) {
- skipBlockComment();
- } else if (next === 47) {
- skipLineComment();
- } else break;
- } else if (ch === 160) {
- ++tokPos;
- } else if (ch >= 5760 && nonASCIIwhitespace.test(String.fromCharCode(ch))) {
- ++tokPos;
- } else {
- break;
- }
- }
- }
- function readToken_dot() {
- var next = input.charCodeAt(tokPos + 1);
- if (next >= 48 && next <= 57) return readNumber(true);
- ++tokPos;
- return finishToken(_dot);
- }
- function readToken_slash() {
- var next = input.charCodeAt(tokPos + 1);
- if (tokRegexpAllowed) {++tokPos; return readRegexp();}
- if (next === 61) return finishOp(_assign, 2);
- return finishOp(_slash, 1);
- }
- function readToken_mult_modulo() {
- var next = input.charCodeAt(tokPos + 1);
- if (next === 61) return finishOp(_assign, 2);
- return finishOp(_multiplyModulo, 1);
- }
- function readToken_pipe_amp(code) {
- var next = input.charCodeAt(tokPos + 1);
- if (next === code) return finishOp(code === 124 ? _logicalOR : _logicalAND, 2);
- if (next === 61) return finishOp(_assign, 2);
- return finishOp(code === 124 ? _bitwiseOR : _bitwiseAND, 1);
- }
- function readToken_caret() {
- var next = input.charCodeAt(tokPos + 1);
- if (next === 61) return finishOp(_assign, 2);
- return finishOp(_bitwiseXOR, 1);
- }
- function readToken_plus_min(code) {
- var next = input.charCodeAt(tokPos + 1);
- if (next === code) {
- if (next == 45 && input.charCodeAt(tokPos + 2) == 62 &&
- newline.test(input.slice(lastEnd, tokPos))) {
- tokPos += 3;
- skipLineComment();
- skipSpace();
- return readToken();
- }
- return finishOp(_incDec, 2);
- }
- if (next === 61) return finishOp(_assign, 2);
- return finishOp(_plusMin, 1);
- }
- function readToken_lt_gt(code) {
- var next = input.charCodeAt(tokPos + 1);
- var size = 1;
- if (next === code) {
- size = code === 62 && input.charCodeAt(tokPos + 2) === 62 ? 3 : 2;
- if (input.charCodeAt(tokPos + size) === 61) return finishOp(_assign, size + 1);
- return finishOp(_bitShift, size);
- }
- if (next == 33 && code == 60 && input.charCodeAt(tokPos + 2) == 45 &&
- input.charCodeAt(tokPos + 3) == 45) {
- tokPos += 4;
- skipLineComment();
- skipSpace();
- return readToken();
- }
- if (next === 61)
- size = input.charCodeAt(tokPos + 2) === 61 ? 3 : 2;
- return finishOp(_relational, size);
- }
- function readToken_eq_excl(code) {
- var next = input.charCodeAt(tokPos + 1);
- if (next === 61) return finishOp(_equality, input.charCodeAt(tokPos + 2) === 61 ? 3 : 2);
- return finishOp(code === 61 ? _eq : _prefix, 1);
- }
- function getTokenFromCode(code) {
- switch(code) {
- case 46:
- return readToken_dot();
- case 40: ++tokPos; return finishToken(_parenL);
- case 41: ++tokPos; return finishToken(_parenR);
- case 59: ++tokPos; return finishToken(_semi);
- case 44: ++tokPos; return finishToken(_comma);
- case 91: ++tokPos; return finishToken(_bracketL);
- case 93: ++tokPos; return finishToken(_bracketR);
- case 123: ++tokPos; return finishToken(_braceL);
- case 125: ++tokPos; return finishToken(_braceR);
- case 58: ++tokPos; return finishToken(_colon);
- case 63: ++tokPos; return finishToken(_question);
- case 48:
- var next = input.charCodeAt(tokPos + 1);
- if (next === 120 || next === 88) return readHexNumber();
- case 49: case 50: case 51: case 52: case 53: case 54: case 55: case 56: case 57:
- return readNumber(false);
- case 34: case 39:
- return readString(code);
- case 47:
- return readToken_slash(code);
- case 37: case 42:
- return readToken_mult_modulo();
- case 124: case 38:
- return readToken_pipe_amp(code);
- case 94:
- return readToken_caret();
- case 43: case 45:
- return readToken_plus_min(code);
- case 60: case 62:
- return readToken_lt_gt(code);
- case 61: case 33:
- return readToken_eq_excl(code);
- case 126:
- return finishOp(_prefix, 1);
- }
- return false;
- }
- function readToken(forceRegexp) {
- if (!forceRegexp) tokStart = tokPos;
- else tokPos = tokStart + 1;
- if (options.locations) tokStartLoc = new line_loc_t;
- if (forceRegexp) return readRegexp();
- if (tokPos >= inputLen) return finishToken(_eof);
- var code = input.charCodeAt(tokPos);
- if (isIdentifierStart(code) || code === 92 ) return readWord();
- var tok = getTokenFromCode(code);
- if (tok === false) {
- var ch = String.fromCharCode(code);
- if (ch === "\\" || nonASCIIidentifierStart.test(ch)) return readWord();
- raise(tokPos, "Unexpected character '" + ch + "'");
- }
- return tok;
- }
- function finishOp(type, size) {
- var str = input.slice(tokPos, tokPos + size);
- tokPos += size;
- finishToken(type, str);
- }
- function readRegexp() {
- var content = "", escaped, inClass, start = tokPos;
- for (;;) {
- if (tokPos >= inputLen) raise(start, "Unterminated regular expression");
- var ch = input.charAt(tokPos);
- if (newline.test(ch)) raise(start, "Unterminated regular expression");
- if (!escaped) {
- if (ch === "[") inClass = true;
- else if (ch === "]" && inClass) inClass = false;
- else if (ch === "/" && !inClass) break;
- escaped = ch === "\\";
- } else escaped = false;
- ++tokPos;
- }
- var content = input.slice(start, tokPos);
- ++tokPos;
- var mods = readWord1();
- if (mods && !/^[gmsiy]*$/.test(mods)) raise(start, "Invalid regexp flag");
- try {
- var value = new RegExp(content, mods);
- } catch (e) {
- if (e instanceof SyntaxError) raise(start, e.message);
- raise(e);
- }
- return finishToken(_regexp, value);
- }
- function readInt(radix, len) {
- var start = tokPos, total = 0;
- for (var i = 0, e = len == null ? Infinity : len; i < e; ++i) {
- var code = input.charCodeAt(tokPos), val;
- if (code >= 97) val = code - 97 + 10;
- else if (code >= 65) val = code - 65 + 10;
- else if (code >= 48 && code <= 57) val = code - 48;
- else val = Infinity;
- if (val >= radix) break;
- ++tokPos;
- total = total * radix + val;
- }
- if (tokPos === start || len != null && tokPos - start !== len) return null;
- return total;
- }
- function readHexNumber() {
- tokPos += 2;
- var val = readInt(16);
- if (val == null) raise(tokStart + 2, "Expected hexadecimal number");
- if (isIdentifierStart(input.charCodeAt(tokPos))) raise(tokPos, "Identifier directly after number");
- return finishToken(_num, val);
- }
- function readNumber(startsWithDot) {
- var start = tokPos, isFloat = false, octal = input.charCodeAt(tokPos) === 48;
- if (!startsWithDot && readInt(10) === null) raise(start, "Invalid number");
- if (input.charCodeAt(tokPos) === 46) {
- ++tokPos;
- readInt(10);
- isFloat = true;
- }
- var next = input.charCodeAt(tokPos);
- if (next === 69 || next === 101) {
- next = input.charCodeAt(++tokPos);
- if (next === 43 || next === 45) ++tokPos;
- if (readInt(10) === null) raise(start, "Invalid number");
- isFloat = true;
- }
- if (isIdentifierStart(input.charCodeAt(tokPos))) raise(tokPos, "Identifier directly after number");
- var str = input.slice(start, tokPos), val;
- if (isFloat) val = parseFloat(str);
- else if (!octal || str.length === 1) val = parseInt(str, 10);
- else if (/[89]/.test(str) || strict) raise(start, "Invalid number");
- else val = parseInt(str, 8);
- return finishToken(_num, val);
- }
- function readString(quote) {
- tokPos++;
- var out = "";
- for (;;) {
- if (tokPos >= inputLen) raise(tokStart, "Unterminated string constant");
- var ch = input.charCodeAt(tokPos);
- if (ch === quote) {
- ++tokPos;
- return finishToken(_string, out);
- }
- if (ch === 92) {
- ch = input.charCodeAt(++tokPos);
- var octal = /^[0-7]+/.exec(input.slice(tokPos, tokPos + 3));
- if (octal) octal = octal[0];
- while (octal && parseInt(octal, 8) > 255) octal = octal.slice(0, -1);
- if (octal === "0") octal = null;
- ++tokPos;
- if (octal) {
- if (strict) raise(tokPos - 2, "Octal literal in strict mode");
- out += String.fromCharCode(parseInt(octal, 8));
- tokPos += octal.length - 1;
- } else {
- switch (ch) {
- case 110: out += "\n"; break;
- case 114: out += "\r"; break;
- case 120: out += String.fromCharCode(readHexChar(2)); break;
- case 117: out += String.fromCharCode(readHexChar(4)); break;
- case 85: out += String.fromCharCode(readHexChar(8)); break;
- case 116: out += "\t"; break;
- case 98: out += "\b"; break;
- case 118: out += "\u000b"; break;
- case 102: out += "\f"; break;
- case 48: out += "\0"; break;
- case 13: if (input.charCodeAt(tokPos) === 10) ++tokPos;
- case 10:
- if (options.locations) { tokLineStart = tokPos; ++tokCurLine; }
- break;
- default: out += String.fromCharCode(ch); break;
- }
- }
- } else {
- if (ch === 13 || ch === 10 || ch === 8232 || ch === 8233) raise(tokStart, "Unterminated string constant");
- out += String.fromCharCode(ch);
- ++tokPos;
- }
- }
- }
- function readHexChar(len) {
- var n = readInt(16, len);
- if (n === null) raise(tokStart, "Bad character escape sequence");
- return n;
- }
- var containsEsc;
- function readWord1() {
- containsEsc = false;
- var word, first = true, start = tokPos;
- for (;;) {
- var ch = input.charCodeAt(tokPos);
- if (isIdentifierChar(ch)) {
- if (containsEsc) word += input.charAt(tokPos);
- ++tokPos;
- } else if (ch === 92) {
- if (!containsEsc) word = input.slice(start, tokPos);
- containsEsc = true;
- if (input.charCodeAt(++tokPos) != 117)
- raise(tokPos, "Expecting Unicode escape sequence \\uXXXX");
- ++tokPos;
- var esc = readHexChar(4);
- var escStr = String.fromCharCode(esc);
- if (!escStr) raise(tokPos - 1, "Invalid Unicode escape");
- if (!(first ? isIdentifierStart(esc) : isIdentifierChar(esc)))
- raise(tokPos - 4, "Invalid Unicode escape");
- word += escStr;
- } else {
- break;
- }
- first = false;
- }
- return containsEsc ? word : input.slice(start, tokPos);
- }
- function readWord() {
- var word = readWord1();
- var type = _name;
- if (!containsEsc && isKeyword(word))
- type = keywordTypes[word];
- return finishToken(type, word);
- }
- function next() {
- lastStart = tokStart;
- lastEnd = tokEnd;
- lastEndLoc = tokEndLoc;
- readToken();
- }
- function setStrict(strct) {
- strict = strct;
- tokPos = tokStart;
- if (options.locations) {
- while (tokPos < tokLineStart) {
- tokLineStart = input.lastIndexOf("\n", tokLineStart - 2) + 1;
- --tokCurLine;
- }
- }
- skipSpace();
- readToken();
- }
- function node_t() {
- this.type = null;
- this.start = tokStart;
- this.end = null;
- }
- function node_loc_t() {
- this.start = tokStartLoc;
- this.end = null;
- if (sourceFile !== null) this.source = sourceFile;
- }
- function startNode() {
- var node = new node_t();
- if (options.locations)
- node.loc = new node_loc_t();
- if (options.directSourceFile)
- node.sourceFile = options.directSourceFile;
- if (options.ranges)
- node.range = [tokStart, 0];
- return node;
- }
- function startNodeFrom(other) {
- var node = new node_t();
- node.start = other.start;
- if (options.locations) {
- node.loc = new node_loc_t();
- node.loc.start = other.loc.start;
- }
- if (options.ranges)
- node.range = [other.range[0], 0];
- return node;
- }
- function finishNode(node, type) {
- node.type = type;
- node.end = lastEnd;
- if (options.locations)
- node.loc.end = lastEndLoc;
- if (options.ranges)
- node.range[1] = lastEnd;
- return node;
- }
- function isUseStrict(stmt) {
- return options.ecmaVersion >= 5 && stmt.type === "ExpressionStatement" &&
- stmt.expression.type === "Literal" && stmt.expression.value === "use strict";
- }
- function eat(type) {
- if (tokType === type) {
- next();
- return true;
- }
- }
- function canInsertSemicolon() {
- return !options.strictSemicolons &&
- (tokType === _eof || tokType === _braceR || newline.test(input.slice(lastEnd, tokStart)));
- }
- function semicolon() {
- if (!eat(_semi) && !canInsertSemicolon()) unexpected();
- }
- function expect(type) {
- if (tokType === type) next();
- else unexpected();
- }
- function unexpected() {
- raise(tokStart, "Unexpected token");
- }
- function checkLVal(expr) {
- if (expr.type !== "Identifier" && expr.type !== "MemberExpression")
- raise(expr.start, "Assigning to rvalue");
- if (strict && expr.type === "Identifier" && isStrictBadIdWord(expr.name))
- raise(expr.start, "Assigning to " + expr.name + " in strict mode");
- }
- function parseTopLevel(program) {
- lastStart = lastEnd = tokPos;
- if (options.locations) lastEndLoc = new line_loc_t;
- inFunction = strict = null;
- labels = [];
- readToken();
- var node = program || startNode(), first = true;
- if (!program) node.body = [];
- while (tokType !== _eof) {
- var stmt = parseStatement();
- node.body.push(stmt);
- if (first && isUseStrict(stmt)) setStrict(true);
- first = false;
- }
- return finishNode(node, "Program");
- }
- var loopLabel = {kind: "loop"}, switchLabel = {kind: "switch"};
- function parseStatement() {
- if (tokType === _slash || tokType === _assign && tokVal == "/=")
- readToken(true);
- var starttype = tokType, node = startNode();
- switch (starttype) {
- case _break: case _continue:
- next();
- var isBreak = starttype === _break;
- if (eat(_semi) || canInsertSemicolon()) node.label = null;
- else if (tokType !== _name) unexpected();
- else {
- node.label = parseIdent();
- semicolon();
- }
- for (var i = 0; i < labels.length; ++i) {
- var lab = labels[i];
- if (node.label == null || lab.name === node.label.name) {
- if (lab.kind != null && (isBreak || lab.kind === "loop")) break;
- if (node.label && isBreak) break;
- }
- }
- if (i === labels.length) raise(node.start, "Unsyntactic " + starttype.keyword);
- return finishNode(node, isBreak ? "BreakStatement" : "ContinueStatement");
- case _debugger:
- next();
- semicolon();
- return finishNode(node, "DebuggerStatement");
- case _do:
- next();
- labels.push(loopLabel);
- node.body = parseStatement();
- labels.pop();
- expect(_while);
- node.test = parseParenExpression();
- semicolon();
- return finishNode(node, "DoWhileStatement");
- case _for:
- next();
- labels.push(loopLabel);
- expect(_parenL);
- if (tokType === _semi) return parseFor(node, null);
- if (tokType === _var) {
- var init = startNode();
- next();
- parseVar(init, true);
- finishNode(init, "VariableDeclaration");
- if (init.declarations.length === 1 && eat(_in))
- return parseForIn(node, init);
- return parseFor(node, init);
- }
- var init = parseExpression(false, true);
- if (eat(_in)) {checkLVal(init); return parseForIn(node, init);}
- return parseFor(node, init);
- case _function:
- next();
- return parseFunction(node, true);
- case _if:
- next();
- node.test = parseParenExpression();
- node.consequent = parseStatement();
- node.alternate = eat(_else) ? parseStatement() : null;
- return finishNode(node, "IfStatement");
- case _return:
- if (!inFunction && !options.allowReturnOutsideFunction)
- raise(tokStart, "'return' outside of function");
- next();
- if (eat(_semi) || canInsertSemicolon()) node.argument = null;
- else { node.argument = parseExpression(); semicolon(); }
- return finishNode(node, "ReturnStatement");
- case _switch:
- next();
- node.discriminant = parseParenExpression();
- node.cases = [];
- expect(_braceL);
- labels.push(switchLabel);
- for (var cur, sawDefault; tokType != _braceR;) {
- if (tokType === _case || tokType === _default) {
- var isCase = tokType === _case;
- if (cur) finishNode(cur, "SwitchCase");
- node.cases.push(cur = startNode());
- cur.consequent = [];
- next();
- if (isCase) cur.test = parseExpression();
- else {
- if (sawDefault) raise(lastStart, "Multiple default clauses"); sawDefault = true;
- cur.test = null;
- }
- expect(_colon);
- } else {
- if (!cur) unexpected();
- cur.consequent.push(parseStatement());
- }
- }
- if (cur) finishNode(cur, "SwitchCase");
- next();
- labels.pop();
- return finishNode(node, "SwitchStatement");
- case _throw:
- next();
- if (newline.test(input.slice(lastEnd, tokStart)))
- raise(lastEnd, "Illegal newline after throw");
- node.argument = parseExpression();
- semicolon();
- return finishNode(node, "ThrowStatement");
- case _try:
- next();
- node.block = parseBlock();
- node.handler = null;
- if (tokType === _catch) {
- var clause = startNode();
- next();
- expect(_parenL);
- clause.param = parseIdent();
- if (strict && isStrictBadIdWord(clause.param.name))
- raise(clause.param.start, "Binding " + clause.param.name + " in strict mode");
- expect(_parenR);
- clause.guard = null;
- clause.body = parseBlock();
- node.handler = finishNode(clause, "CatchClause");
- }
- node.guardedHandlers = empty;
- node.finalizer = eat(_finally) ? parseBlock() : null;
- if (!node.handler && !node.finalizer)
- raise(node.start, "Missing catch or finally clause");
- return finishNode(node, "TryStatement");
- case _var:
- next();
- parseVar(node);
- semicolon();
- return finishNode(node, "VariableDeclaration");
- case _while:
- next();
- node.test = parseParenExpression();
- labels.push(loopLabel);
- node.body = parseStatement();
- labels.pop();
- return finishNode(node, "WhileStatement");
- case _with:
- if (strict) raise(tokStart, "'with' in strict mode");
- next();
- node.object = parseParenExpression();
- node.body = parseStatement();
- return finishNode(node, "WithStatement");
- case _braceL:
- return parseBlock();
- case _semi:
- next();
- return finishNode(node, "EmptyStatement");
- default:
- var maybeName = tokVal, expr = parseExpression();
- if (starttype === _name && expr.type === "Identifier" && eat(_colon)) {
- for (var i = 0; i < labels.length; ++i)
- if (labels[i].name === maybeName) raise(expr.start, "Label '" + maybeName + "' is already declared");
- var kind = tokType.isLoop ? "loop" : tokType === _switch ? "switch" : null;
- labels.push({name: maybeName, kind: kind});
- node.body = parseStatement();
- labels.pop();
- node.label = expr;
- return finishNode(node, "LabeledStatement");
- } else {
- node.expression = expr;
- semicolon();
- return finishNode(node, "ExpressionStatement");
- }
- }
- }
- function parseParenExpression() {
- expect(_parenL);
- var val = parseExpression();
- expect(_parenR);
- return val;
- }
- function parseBlock(allowStrict) {
- var node = startNode(), first = true, strict = false, oldStrict;
- node.body = [];
- expect(_braceL);
- while (!eat(_braceR)) {
- var stmt = parseStatement();
- node.body.push(stmt);
- if (first && allowStrict && isUseStrict(stmt)) {
- oldStrict = strict;
- setStrict(strict = true);
- }
- first = false;
- }
- if (strict && !oldStrict) setStrict(false);
- return finishNode(node, "BlockStatement");
- }
- function parseFor(node, init) {
- node.init = init;
- expect(_semi);
- node.test = tokType === _semi ? null : parseExpression();
- expect(_semi);
- node.update = tokType === _parenR ? null : parseExpression();
- expect(_parenR);
- node.body = parseStatement();
- labels.pop();
- return finishNode(node, "ForStatement");
- }
- function parseForIn(node, init) {
- node.left = init;
- node.right = parseExpression();
- expect(_parenR);
- node.body = parseStatement();
- labels.pop();
- return finishNode(node, "ForInStatement");
- }
- function parseVar(node, noIn) {
- node.declarations = [];
- node.kind = "var";
- for (;;) {
- var decl = startNode();
- decl.id = parseIdent();
- if (strict && isStrictBadIdWord(decl.id.name))
- raise(decl.id.start, "Binding " + decl.id.name + " in strict mode");
- decl.init = eat(_eq) ? parseExpression(true, noIn) : null;
- node.declarations.push(finishNode(decl, "VariableDeclarator"));
- if (!eat(_comma)) break;
- }
- return node;
- }
- function parseExpression(noComma, noIn) {
- var expr = parseMaybeAssign(noIn);
- if (!noComma && tokType === _comma) {
- var node = startNodeFrom(expr);
- node.expressions = [expr];
- while (eat(_comma)) node.expressions.push(parseMaybeAssign(noIn));
- return finishNode(node, "SequenceExpression");
- }
- return expr;
- }
- function parseMaybeAssign(noIn) {
- var left = parseMaybeConditional(noIn);
- if (tokType.isAssign) {
- var node = startNodeFrom(left);
- node.operator = tokVal;
- node.left = left;
- next();
- node.right = parseMaybeAssign(noIn);
- checkLVal(left);
- return finishNode(node, "AssignmentExpression");
- }
- return left;
- }
- function parseMaybeConditional(noIn) {
- var expr = parseExprOps(noIn);
- if (eat(_question)) {
- var node = startNodeFrom(expr);
- node.test = expr;
- node.consequent = parseExpression(true);
- expect(_colon);
- node.alternate = parseExpression(true, noIn);
- return finishNode(node, "ConditionalExpression");
- }
- return expr;
- }
- function parseExprOps(noIn) {
- return parseExprOp(parseMaybeUnary(), -1, noIn);
- }
- function parseExprOp(left, minPrec, noIn) {
- var prec = tokType.binop;
- if (prec != null && (!noIn || tokType !== _in)) {
- if (prec > minPrec) {
- var node = startNodeFrom(left);
- node.left = left;
- node.operator = tokVal;
- var op = tokType;
- next();
- node.right = parseExprOp(parseMaybeUnary(), prec, noIn);
- var exprNode = finishNode(node, (op === _logicalOR || op === _logicalAND) ? "LogicalExpression" : "BinaryExpression");
- return parseExprOp(exprNode, minPrec, noIn);
- }
- }
- return left;
- }
- function parseMaybeUnary() {
- if (tokType.prefix) {
- var node = startNode(), update = tokType.isUpdate;
- node.operator = tokVal;
- node.prefix = true;
- tokRegexpAllowed = true;
- next();
- node.argument = parseMaybeUnary();
- if (update) checkLVal(node.argument);
- else if (strict && node.operator === "delete" &&
- node.argument.type === "Identifier")
- raise(node.start, "Deleting local variable in strict mode");
- return finishNode(node, update ? "UpdateExpression" : "UnaryExpression");
- }
- var expr = parseExprSubscripts();
- while (tokType.postfix && !canInsertSemicolon()) {
- var node = startNodeFrom(expr);
- node.operator = tokVal;
- node.prefix = false;
- node.argument = expr;
- checkLVal(expr);
- next();
- expr = finishNode(node, "UpdateExpression");
- }
- return expr;
- }
- function parseExprSubscripts() {
- return parseSubscripts(parseExprAtom());
- }
- function parseSubscripts(base, noCalls) {
- if (eat(_dot)) {
- var node = startNodeFrom(base);
- node.object = base;
- node.property = parseIdent(true);
- node.computed = false;
- return parseSubscripts(finishNode(node, "MemberExpression"), noCalls);
- } else if (eat(_bracketL)) {
- var node = startNodeFrom(base);
- node.object = base;
- node.property = parseExpression();
- node.computed = true;
- expect(_bracketR);
- return parseSubscripts(finishNode(node, "MemberExpression"), noCalls);
- } else if (!noCalls && eat(_parenL)) {
- var node = startNodeFrom(base);
- node.callee = base;
- node.arguments = parseExprList(_parenR, false);
- return parseSubscripts(finishNode(node, "CallExpression"), noCalls);
- } else return base;
- }
- function parseExprAtom() {
- switch (tokType) {
- case _this:
- var node = startNode();
- next();
- return finishNode(node, "ThisExpression");
- case _name:
- return parseIdent();
- case _num: case _string: case _regexp:
- var node = startNode();
- node.value = tokVal;
- node.raw = input.slice(tokStart, tokEnd);
- next();
- return finishNode(node, "Literal");
- case _null: case _true: case _false:
- var node = startNode();
- node.value = tokType.atomValue;
- node.raw = tokType.keyword;
- next();
- return finishNode(node, "Literal");
- case _parenL:
- var tokStartLoc1 = tokStartLoc, tokStart1 = tokStart;
- next();
- var val = parseExpression();
- val.start = tokStart1;
- val.end = tokEnd;
- if (options.locations) {
- val.loc.start = tokStartLoc1;
- val.loc.end = tokEndLoc;
- }
- if (options.ranges)
- val.range = [tokStart1, tokEnd];
- expect(_parenR);
- return val;
- case _bracketL:
- var node = startNode();
- next();
- node.elements = parseExprList(_bracketR, true, true);
- return finishNode(node, "ArrayExpression");
- case _braceL:
- return parseObj();
- case _function:
- var node = startNode();
- next();
- return parseFunction(node, false);
- case _new:
- return parseNew();
- default:
- unexpected();
- }
- }
- function parseNew() {
- var node = startNode();
- next();
- node.callee = parseSubscripts(parseExprAtom(), true);
- if (eat(_parenL)) node.arguments = parseExprList(_parenR, false);
- else node.arguments = empty;
- return finishNode(node, "NewExpression");
- }
- function parseObj() {
- var node = startNode(), first = true, sawGetSet = false;
- node.properties = [];
- next();
- while (!eat(_braceR)) {
- if (!first) {
- expect(_comma);
- if (options.allowTrailingCommas && eat(_braceR)) break;
- } else first = false;
- var prop = {key: parsePropertyName()}, isGetSet = false, kind;
- if (eat(_colon)) {
- prop.value = parseExpression(true);
- kind = prop.kind = "init";
- } else if (options.ecmaVersion >= 5 && prop.key.type === "Identifier" &&
- (prop.key.name === "get" || prop.key.name === "set")) {
- isGetSet = sawGetSet = true;
- kind = prop.kind = prop.key.name;
- prop.key = parsePropertyName();
- if (tokType !== _parenL) unexpected();
- prop.value = parseFunction(startNode(), false);
- } else unexpected();
- if (prop.key.type === "Identifier" && (strict || sawGetSet)) {
- for (var i = 0; i < node.properties.length; ++i) {
- var other = node.properties[i];
- if (other.key.name === prop.key.name) {
- var conflict = kind == other.kind || isGetSet && other.kind === "init" ||
- kind === "init" && (other.kind === "get" || other.kind === "set");
- if (conflict && !strict && kind === "init" && other.kind === "init") conflict = false;
- if (conflict) raise(prop.key.start, "Redefinition of property");
- }
- }
- }
- node.properties.push(prop);
- }
- return finishNode(node, "ObjectExpression");
- }
- function parsePropertyName() {
- if (tokType === _num || tokType === _string) return parseExprAtom();
- return parseIdent(true);
- }
- function parseFunction(node, isStatement) {
- if (tokType === _name) node.id = parseIdent();
- else if (isStatement) unexpected();
- else node.id = null;
- node.params = [];
- var first = true;
- expect(_parenL);
- while (!eat(_parenR)) {
- if (!first) expect(_comma); else first = false;
- node.params.push(parseIdent());
- }
- var oldInFunc = inFunction, oldLabels = labels;
- inFunction = true; labels = [];
- node.body = parseBlock(true);
- inFunction = oldInFunc; labels = oldLabels;
- if (strict || node.body.body.length && isUseStrict(node.body.body[0])) {
- for (var i = node.id ? -1 : 0; i < node.params.length; ++i) {
- var id = i < 0 ? node.id : node.params[i];
- if (isStrictReservedWord(id.name) || isStrictBadIdWord(id.name))
- raise(id.start, "Defining '" + id.name + "' in strict mode");
- if (i >= 0) for (var j = 0; j < i; ++j) if (id.name === node.params[j].name)
- raise(id.start, "Argument name clash in strict mode");
- }
- }
- return finishNode(node, isStatement ? "FunctionDeclaration" : "FunctionExpression");
- }
- function parseExprList(close, allowTrailingComma, allowEmpty) {
- var elts = [], first = true;
- while (!eat(close)) {
- if (!first) {
- expect(_comma);
- if (allowTrailingComma && options.allowTrailingCommas && eat(close)) break;
- } else first = false;
- if (allowEmpty && tokType === _comma) elts.push(null);
- else elts.push(parseExpression(true));
- }
- return elts;
- }
- function parseIdent(liberal) {
- var node = startNode();
- if (liberal && options.forbidReserved == "everywhere") liberal = false;
- if (tokType === _name) {
- if (!liberal &&
- (options.forbidReserved &&
- (options.ecmaVersion === 3 ? isReservedWord3 : isReservedWord5)(tokVal) ||
- strict && isStrictReservedWord(tokVal)) &&
- input.slice(tokStart, tokEnd).indexOf("\\") == -1)
- raise(tokStart, "The keyword '" + tokVal + "' is reserved");
- node.name = tokVal;
- } else if (liberal && tokType.keyword) {
- node.name = tokType.keyword;
- } else {
- unexpected();
- }
- tokRegexpAllowed = false;
- next();
- return finishNode(node, "Identifier");
- }
- });
- if (!acorn.version)
- acorn = null;
- }
- function parse(code, options) {
- return (global.acorn || acorn).parse(code, options);
- }
- var binaryOperators = {
- '+': '__add',
- '-': '__subtract',
- '*': '__multiply',
- '/': '__divide',
- '%': '__modulo',
- '==': '__equals',
- '!=': '__equals'
- };
- var unaryOperators = {
- '-': '__negate',
- '+': '__self'
- };
- var fields = Base.each(
- ['add', 'subtract', 'multiply', 'divide', 'modulo', 'equals', 'negate'],
- function(name) {
- this['__' + name] = '#' + name;
- },
- {
- __self: function() {
- return this;
- }
- }
- );
- Point.inject(fields);
- Size.inject(fields);
- Color.inject(fields);
- function __$__(left, operator, right) {
- var handler = binaryOperators[operator];
- if (left && left[handler]) {
- var res = left[handler](right);
- return operator === '!=' ? !res : res;
- }
- switch (operator) {
- case '+': return left + right;
- case '-': return left - right;
- case '*': return left * right;
- case '/': return left / right;
- case '%': return left % right;
- case '==': return left == right;
- case '!=': return left != right;
- }
- }
- function $__(operator, value) {
- var handler = unaryOperators[operator];
- if (value && value[handler])
- return value[handler]();
- switch (operator) {
- case '+': return +value;
- case '-': return -value;
- }
- }
- function compile(code, options) {
- if (!code)
- return '';
- options = options || {};
- var insertions = [];
- function getOffset(offset) {
- for (var i = 0, l = insertions.length; i < l; i++) {
- var insertion = insertions[i];
- if (insertion[0] >= offset)
- break;
- offset += insertion[1];
- }
- return offset;
- }
- function getCode(node) {
- return code.substring(getOffset(node.range[0]),
- getOffset(node.range[1]));
- }
- function getBetween(left, right) {
- return code.substring(getOffset(left.range[1]),
- getOffset(right.range[0]));
- }
- function replaceCode(node, str) {
- var start = getOffset(node.range[0]),
- end = getOffset(node.range[1]),
- insert = 0;
- for (var i = insertions.length - 1; i >= 0; i--) {
- if (start > insertions[i][0]) {
- insert = i + 1;
- break;
- }
- }
- insertions.splice(insert, 0, [start, str.length - end + start]);
- code = code.substring(0, start) + str + code.substring(end);
- }
- function walkAST(node, parent) {
- if (!node)
- return;
- for (var key in node) {
- if (key === 'range' || key === 'loc')
- continue;
- var value = node[key];
- if (Array.isArray(value)) {
- for (var i = 0, l = value.length; i < l; i++)
- walkAST(value[i], node);
- } else if (value && typeof value === 'object') {
- walkAST(value, node);
- }
- }
- switch (node.type) {
- case 'UnaryExpression':
- if (node.operator in unaryOperators
- && node.argument.type !== 'Literal') {
- var arg = getCode(node.argument);
- replaceCode(node, '$__("' + node.operator + '", '
- + arg + ')');
- }
- break;
- case 'BinaryExpression':
- if (node.operator in binaryOperators
- && node.left.type !== 'Literal') {
- var left = getCode(node.left),
- right = getCode(node.right),
- between = getBetween(node.left, node.right),
- operator = node.operator;
- replaceCode(node, '__$__(' + left + ','
- + between.replace(new RegExp('\\' + operator),
- '"' + operator + '"')
- + ', ' + right + ')');
- }
- break;
- case 'UpdateExpression':
- case 'AssignmentExpression':
- var parentType = parent && parent.type;
- if (!(
- parentType === 'ForStatement'
- || parentType === 'BinaryExpression'
- && /^[=!<>]/.test(parent.operator)
- || parentType === 'MemberExpression' && parent.computed
- )) {
- if (node.type === 'UpdateExpression') {
- var arg = getCode(node.argument),
- exp = '__$__(' + arg + ', "' + node.operator[0]
- + '", 1)',
- str = arg + ' = ' + exp;
- if (!node.prefix
- && (parentType === 'AssignmentExpression'
- || parentType === 'VariableDeclarator')) {
- if (getCode(parent.left || parent.id) === arg)
- str = exp;
- str = arg + '; ' + str;
- }
- replaceCode(node, str);
- } else {
- if (/^.=$/.test(node.operator)
- && node.left.type !== 'Literal') {
- var left = getCode(node.left),
- right = getCode(node.right),
- exp = left + ' = __$__(' + left + ', "'
- + node.operator[0] + '", ' + right + ')';
- replaceCode(node, /^\(.*\)$/.test(getCode(node))
- ? '(' + exp + ')' : exp);
- }
- }
- }
- break;
- }
- }
- function encodeVLQ(value) {
- var res = '',
- base64 = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/';
- value = (Math.abs(value) << 1) + (value < 0 ? 1 : 0);
- while (value || !res) {
- var next = value & (32 - 1);
- value >>= 5;
- if (value)
- next |= 32;
- res += base64[next];
- }
- return res;
- }
- var url = options.url || '',
- agent = paper.agent,
- version = agent.versionNumber,
- offsetCode = false,
- sourceMaps = options.sourceMaps,
- source = options.source || code,
- lineBreaks = /\r\n|\n|\r/mg,
- offset = options.offset || 0,
- map;
- if (sourceMaps && (agent.chrome && version >= 30
- || agent.webkit && version >= 537.76
- || agent.firefox && version >= 23
- || agent.node)) {
- if (agent.node) {
- offset -= 2;
- } else if (window && url && !window.location.href.indexOf(url)) {
- var html = document.getElementsByTagName('html')[0].innerHTML;
- offset = html.substr(0, html.indexOf(code) + 1).match(
- lineBreaks).length + 1;
- }
- offsetCode = offset > 0 && !(
- agent.chrome && version >= 36 ||
- agent.safari && version >= 600 ||
- agent.firefox && version >= 40 ||
- agent.node);
- var mappings = ['AA' + encodeVLQ(offsetCode ? 0 : offset) + 'A'];
- mappings.length = (code.match(lineBreaks) || []).length + 1
- + (offsetCode ? offset : 0);
- map = {
- version: 3,
- file: url,
- names:[],
- mappings: mappings.join(';AACA'),
- sourceRoot: '',
- sources: [url],
- sourcesContent: [source]
- };
- }
- walkAST(parse(code, { ranges: true, preserveParens: true }));
- if (map) {
- if (offsetCode) {
- code = new Array(offset + 1).join('\n') + code;
- }
- if (/^(inline|both)$/.test(sourceMaps)) {
- code += "\n//# sourceMappingURL=data:application/json;base64,"
- + self.btoa(unescape(encodeURIComponent(
- JSON.stringify(map))));
- }
- code += "\n//# sourceURL=" + (url || 'paperscript');
- }
- return {
- url: url,
- source: source,
- code: code,
- map: map
- };
- }
- function execute(code, scope, options) {
- paper = scope;
- var view = scope.getView(),
- tool = /\btool\.\w+|\s+on(?:Key|Mouse)(?:Up|Down|Move|Drag)\b/
- .test(code) && !/\bnew\s+Tool\b/.test(code)
- ? new Tool() : null,
- toolHandlers = tool ? tool._events : [],
- handlers = ['onFrame', 'onResize'].concat(toolHandlers),
- params = [],
- args = [],
- func,
- compiled = typeof code === 'object' ? code : compile(code, options);
- code = compiled.code;
- function expose(scope, hidden) {
- for (var key in scope) {
- if ((hidden || !/^_/.test(key)) && new RegExp('([\\b\\s\\W]|^)'
- + key.replace(/\$/g, '\\$') + '\\b').test(code)) {
- params.push(key);
- args.push(scope[key]);
- }
- }
- }
- expose({ __$__: __$__, $__: $__, paper: scope, view: view, tool: tool },
- true);
- expose(scope);
- handlers = Base.each(handlers, function(key) {
- if (new RegExp('\\s+' + key + '\\b').test(code)) {
- params.push(key);
- this.push(key + ': ' + key);
- }
- }, []).join(', ');
- if (handlers)
- code += '\nreturn { ' + handlers + ' };';
- var agent = paper.agent;
- if (document && (agent.chrome
- || agent.firefox && agent.versionNumber < 40)) {
- var script = document.createElement('script'),
- head = document.head || document.getElementsByTagName('head')[0];
- if (agent.firefox)
- code = '\n' + code;
- script.appendChild(document.createTextNode(
- 'paper._execute = function(' + params + ') {' + code + '\n}'
- ));
- head.appendChild(script);
- func = paper._execute;
- delete paper._execute;
- head.removeChild(script);
- } else {
- func = Function(params, code);
- }
- var res = func.apply(scope, args) || {};
- Base.each(toolHandlers, function(key) {
- var value = res[key];
- if (value)
- tool[key] = value;
- });
- if (view) {
- if (res.onResize)
- view.setOnResize(res.onResize);
- view.emit('resize', {
- size: view.size,
- delta: new Point()
- });
- if (res.onFrame)
- view.setOnFrame(res.onFrame);
- view.requestUpdate();
- }
- return compiled;
- }
- function loadScript(script) {
- if (/^text\/(?:x-|)paperscript$/.test(script.type)
- && PaperScope.getAttribute(script, 'ignore') !== 'true') {
- var canvasId = PaperScope.getAttribute(script, 'canvas'),
- canvas = document.getElementById(canvasId),
- src = script.src || script.getAttribute('data-src'),
- async = PaperScope.hasAttribute(script, 'async'),
- scopeAttribute = 'data-paper-scope';
- if (!canvas)
- throw new Error('Unable to find canvas with id "'
- + canvasId + '"');
- var scope = PaperScope.get(canvas.getAttribute(scopeAttribute))
- || new PaperScope().setup(canvas);
- canvas.setAttribute(scopeAttribute, scope._id);
- if (src) {
- Http.request({
- url: src,
- async: async,
- mimeType: 'text/plain',
- onLoad: function(code) {
- execute(code, scope, src);
- }
- });
- } else {
- execute(script.innerHTML, scope, script.baseURI);
- }
- script.setAttribute('data-paper-ignore', 'true');
- return scope;
- }
- }
- function loadAll() {
- Base.each(document && document.getElementsByTagName('script'),
- loadScript);
- }
- function load(script) {
- return script ? loadScript(script) : loadAll();
- }
- if (window) {
- if (document.readyState === 'complete') {
- setTimeout(loadAll);
- } else {
- DomEvent.add(window, { load: loadAll });
- }
- }
- return {
- compile: compile,
- execute: execute,
- load: load,
- parse: parse
- };
- }.call(this);
- paper = new (PaperScope.inject(Base.exports, {
- Base: Base,
- Numerical: Numerical,
- Key: Key,
- DomEvent: DomEvent,
- DomElement: DomElement,
- document: document,
- window: window,
- Symbol: SymbolDefinition,
- PlacedSymbol: SymbolItem
- }))();
- if (paper.agent.node) {
- require('./node/extend.js')(paper);
- }
- if (typeof define === 'function' && define.amd) {
- define('paper', paper);
- } else if (typeof module === 'object' && module) {
- module.exports = paper;
- }
- return paper;
- }.call(this, typeof self === 'object' ? self : null);
|