1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957195819591960196119621963196419651966196719681969197019711972197319741975197619771978197919801981198219831984198519861987198819891990199119921993199419951996199719981999200020012002200320042005200620072008200920102011201220132014201520162017201820192020202120222023202420252026202720282029203020312032203320342035203620372038203920402041204220432044204520462047204820492050205120522053205420552056205720582059206020612062206320642065206620672068206920702071207220732074207520762077207820792080208120822083208420852086208720882089209020912092209320942095209620972098209921002101210221032104210521062107210821092110211121122113211421152116211721182119212021212122212321242125212621272128212921302131213221332134213521362137213821392140214121422143214421452146214721482149215021512152215321542155215621572158215921602161216221632164216521662167216821692170217121722173217421752176217721782179218021812182218321842185218621872188218921902191219221932194219521962197219821992200220122022203220422052206220722082209221022112212221322142215221622172218221922202221222222232224222522262227222822292230223122322233223422352236223722382239224022412242224322442245224622472248224922502251225222532254225522562257225822592260226122622263226422652266226722682269227022712272227322742275227622772278227922802281228222832284228522862287228822892290229122922293229422952296229722982299230023012302230323042305230623072308230923102311231223132314231523162317231823192320232123222323232423252326232723282329233023312332233323342335233623372338233923402341234223432344234523462347234823492350235123522353235423552356235723582359236023612362236323642365236623672368236923702371237223732374237523762377237823792380238123822383238423852386238723882389239023912392239323942395239623972398239924002401240224032404240524062407240824092410241124122413241424152416241724182419242024212422242324242425242624272428242924302431243224332434243524362437243824392440244124422443244424452446244724482449245024512452245324542455245624572458245924602461246224632464246524662467246824692470247124722473247424752476247724782479248024812482248324842485248624872488248924902491249224932494249524962497249824992500250125022503250425052506250725082509251025112512251325142515251625172518251925202521252225232524252525262527252825292530253125322533253425352536253725382539254025412542254325442545254625472548254925502551255225532554255525562557255825592560256125622563256425652566256725682569257025712572257325742575257625772578257925802581258225832584258525862587258825892590259125922593259425952596259725982599260026012602260326042605260626072608260926102611261226132614261526162617261826192620262126222623262426252626262726282629263026312632263326342635263626372638263926402641264226432644264526462647264826492650265126522653265426552656265726582659266026612662266326642665266626672668266926702671267226732674267526762677267826792680268126822683268426852686268726882689269026912692269326942695269626972698269927002701270227032704270527062707270827092710271127122713271427152716271727182719272027212722272327242725272627272728272927302731273227332734273527362737273827392740274127422743274427452746274727482749275027512752275327542755275627572758275927602761276227632764276527662767276827692770277127722773277427752776277727782779278027812782278327842785278627872788278927902791279227932794279527962797279827992800280128022803280428052806280728082809281028112812281328142815281628172818281928202821282228232824282528262827282828292830283128322833283428352836283728382839284028412842284328442845284628472848284928502851285228532854285528562857285828592860286128622863286428652866286728682869287028712872287328742875287628772878287928802881288228832884288528862887288828892890289128922893289428952896289728982899290029012902290329042905290629072908290929102911291229132914291529162917291829192920292129222923292429252926292729282929293029312932293329342935293629372938293929402941294229432944294529462947294829492950295129522953295429552956295729582959296029612962296329642965296629672968296929702971297229732974297529762977297829792980298129822983298429852986298729882989299029912992299329942995299629972998299930003001300230033004300530063007300830093010301130123013301430153016301730183019302030213022302330243025302630273028302930303031303230333034303530363037303830393040304130423043304430453046304730483049305030513052305330543055305630573058305930603061306230633064306530663067306830693070307130723073307430753076307730783079308030813082308330843085308630873088308930903091309230933094309530963097309830993100310131023103310431053106310731083109311031113112311331143115311631173118311931203121312231233124312531263127312831293130313131323133313431353136313731383139314031413142314331443145314631473148314931503151315231533154315531563157315831593160316131623163316431653166316731683169317031713172317331743175317631773178317931803181318231833184318531863187318831893190319131923193319431953196319731983199320032013202320332043205320632073208320932103211321232133214321532163217321832193220322132223223322432253226322732283229323032313232323332343235323632373238323932403241324232433244324532463247324832493250325132523253325432553256325732583259326032613262326332643265326632673268326932703271327232733274327532763277327832793280328132823283328432853286328732883289329032913292329332943295329632973298329933003301330233033304330533063307330833093310331133123313331433153316331733183319332033213322332333243325332633273328332933303331333233333334333533363337333833393340334133423343334433453346334733483349335033513352335333543355335633573358335933603361336233633364336533663367336833693370337133723373337433753376337733783379338033813382338333843385338633873388338933903391339233933394339533963397339833993400340134023403340434053406340734083409341034113412341334143415341634173418341934203421342234233424342534263427342834293430343134323433343434353436343734383439344034413442344334443445344634473448344934503451345234533454345534563457345834593460346134623463346434653466346734683469347034713472347334743475347634773478347934803481348234833484348534863487348834893490349134923493349434953496349734983499350035013502350335043505350635073508350935103511351235133514351535163517351835193520352135223523352435253526352735283529353035313532353335343535353635373538353935403541354235433544354535463547354835493550355135523553355435553556355735583559356035613562356335643565356635673568356935703571357235733574357535763577357835793580358135823583358435853586358735883589359035913592359335943595359635973598359936003601360236033604360536063607360836093610361136123613361436153616361736183619362036213622362336243625362636273628362936303631363236333634363536363637363836393640364136423643364436453646364736483649365036513652365336543655365636573658365936603661366236633664366536663667366836693670367136723673367436753676367736783679368036813682368336843685368636873688368936903691369236933694369536963697369836993700370137023703370437053706370737083709371037113712371337143715371637173718371937203721372237233724372537263727372837293730373137323733373437353736373737383739374037413742374337443745374637473748374937503751375237533754375537563757375837593760376137623763376437653766376737683769377037713772377337743775377637773778377937803781378237833784378537863787378837893790379137923793379437953796379737983799380038013802380338043805380638073808380938103811381238133814381538163817381838193820382138223823382438253826382738283829383038313832383338343835383638373838383938403841384238433844384538463847384838493850385138523853385438553856385738583859386038613862386338643865386638673868386938703871387238733874387538763877387838793880388138823883388438853886388738883889389038913892389338943895389638973898389939003901390239033904390539063907390839093910391139123913391439153916391739183919392039213922392339243925392639273928392939303931393239333934393539363937393839393940394139423943394439453946394739483949395039513952395339543955395639573958395939603961396239633964396539663967396839693970397139723973397439753976397739783979398039813982398339843985398639873988398939903991399239933994399539963997399839994000400140024003400440054006400740084009401040114012401340144015401640174018401940204021402240234024402540264027402840294030403140324033403440354036403740384039404040414042404340444045404640474048404940504051405240534054405540564057405840594060406140624063406440654066406740684069407040714072407340744075407640774078407940804081408240834084408540864087408840894090409140924093409440954096409740984099410041014102410341044105410641074108410941104111411241134114411541164117411841194120412141224123412441254126412741284129413041314132413341344135413641374138413941404141414241434144414541464147414841494150415141524153415441554156415741584159416041614162416341644165416641674168416941704171417241734174417541764177417841794180418141824183418441854186418741884189419041914192419341944195419641974198419942004201420242034204420542064207420842094210421142124213421442154216421742184219422042214222422342244225422642274228422942304231423242334234423542364237423842394240424142424243424442454246424742484249425042514252425342544255425642574258425942604261426242634264426542664267426842694270427142724273427442754276427742784279428042814282428342844285428642874288428942904291429242934294429542964297429842994300430143024303430443054306430743084309431043114312431343144315431643174318431943204321432243234324432543264327432843294330433143324333433443354336433743384339434043414342434343444345434643474348434943504351435243534354435543564357435843594360436143624363436443654366436743684369437043714372437343744375437643774378437943804381438243834384438543864387438843894390439143924393439443954396439743984399440044014402440344044405440644074408440944104411441244134414441544164417441844194420442144224423442444254426442744284429443044314432443344344435443644374438443944404441444244434444444544464447444844494450445144524453445444554456445744584459446044614462446344644465446644674468446944704471447244734474447544764477447844794480448144824483448444854486448744884489449044914492449344944495449644974498449945004501450245034504450545064507450845094510451145124513451445154516451745184519452045214522452345244525452645274528452945304531453245334534453545364537453845394540454145424543454445454546454745484549455045514552455345544555455645574558455945604561456245634564456545664567456845694570457145724573457445754576457745784579458045814582458345844585458645874588458945904591459245934594459545964597459845994600460146024603460446054606460746084609461046114612461346144615461646174618461946204621462246234624462546264627462846294630463146324633463446354636463746384639464046414642464346444645464646474648464946504651465246534654465546564657465846594660466146624663466446654666466746684669467046714672467346744675467646774678467946804681468246834684468546864687468846894690469146924693469446954696469746984699470047014702470347044705470647074708470947104711471247134714471547164717471847194720472147224723472447254726472747284729473047314732473347344735473647374738473947404741474247434744474547464747474847494750475147524753475447554756475747584759476047614762476347644765476647674768476947704771477247734774477547764777477847794780478147824783478447854786478747884789479047914792479347944795479647974798479948004801480248034804480548064807480848094810481148124813481448154816481748184819482048214822482348244825482648274828482948304831483248334834483548364837483848394840484148424843484448454846484748484849485048514852485348544855485648574858485948604861486248634864486548664867486848694870487148724873487448754876487748784879488048814882488348844885488648874888488948904891489248934894489548964897489848994900490149024903490449054906490749084909491049114912491349144915491649174918491949204921492249234924492549264927492849294930493149324933493449354936493749384939494049414942494349444945494649474948494949504951495249534954495549564957495849594960496149624963496449654966496749684969497049714972497349744975497649774978497949804981498249834984498549864987498849894990499149924993499449954996499749984999500050015002500350045005500650075008500950105011501250135014501550165017501850195020502150225023502450255026502750285029503050315032503350345035503650375038503950405041504250435044504550465047504850495050505150525053505450555056505750585059506050615062506350645065506650675068506950705071507250735074507550765077507850795080508150825083508450855086508750885089509050915092509350945095509650975098509951005101510251035104510551065107510851095110511151125113511451155116511751185119512051215122512351245125512651275128512951305131513251335134513551365137513851395140514151425143514451455146514751485149515051515152515351545155515651575158515951605161516251635164516551665167516851695170517151725173517451755176517751785179518051815182518351845185518651875188518951905191519251935194519551965197519851995200520152025203520452055206520752085209521052115212521352145215521652175218521952205221522252235224522552265227522852295230523152325233523452355236523752385239524052415242524352445245524652475248524952505251525252535254525552565257525852595260526152625263526452655266526752685269527052715272527352745275527652775278527952805281528252835284528552865287528852895290529152925293529452955296529752985299530053015302530353045305530653075308530953105311531253135314531553165317531853195320532153225323532453255326532753285329533053315332533353345335533653375338533953405341534253435344534553465347534853495350535153525353535453555356535753585359536053615362536353645365536653675368536953705371537253735374537553765377537853795380538153825383538453855386538753885389539053915392539353945395539653975398539954005401540254035404540554065407540854095410541154125413541454155416541754185419542054215422542354245425542654275428542954305431543254335434543554365437543854395440544154425443544454455446544754485449545054515452545354545455545654575458545954605461546254635464546554665467546854695470547154725473547454755476547754785479548054815482548354845485548654875488548954905491549254935494549554965497549854995500550155025503550455055506550755085509551055115512551355145515551655175518551955205521552255235524552555265527552855295530553155325533553455355536553755385539554055415542554355445545554655475548554955505551555255535554555555565557555855595560556155625563556455655566556755685569557055715572557355745575557655775578557955805581558255835584558555865587558855895590559155925593559455955596559755985599560056015602560356045605560656075608560956105611561256135614561556165617561856195620562156225623562456255626562756285629563056315632563356345635563656375638563956405641564256435644564556465647564856495650565156525653565456555656565756585659566056615662566356645665566656675668566956705671567256735674567556765677567856795680568156825683568456855686568756885689569056915692569356945695569656975698569957005701570257035704570557065707570857095710571157125713571457155716571757185719572057215722572357245725572657275728572957305731573257335734573557365737573857395740574157425743574457455746574757485749575057515752575357545755575657575758575957605761576257635764576557665767576857695770577157725773577457755776577757785779578057815782578357845785578657875788578957905791579257935794579557965797579857995800580158025803580458055806580758085809581058115812581358145815581658175818581958205821582258235824582558265827582858295830583158325833583458355836583758385839584058415842584358445845584658475848584958505851585258535854585558565857585858595860586158625863586458655866586758685869587058715872587358745875587658775878587958805881588258835884588558865887588858895890589158925893589458955896589758985899590059015902590359045905590659075908590959105911591259135914591559165917591859195920592159225923592459255926592759285929593059315932593359345935593659375938593959405941594259435944594559465947594859495950595159525953595459555956595759585959596059615962596359645965596659675968596959705971597259735974597559765977597859795980598159825983598459855986598759885989599059915992599359945995599659975998599960006001600260036004600560066007600860096010601160126013601460156016601760186019602060216022602360246025602660276028602960306031603260336034603560366037603860396040604160426043604460456046604760486049605060516052605360546055605660576058605960606061606260636064606560666067606860696070607160726073607460756076607760786079608060816082608360846085608660876088608960906091609260936094609560966097609860996100610161026103610461056106610761086109611061116112611361146115611661176118611961206121612261236124612561266127612861296130613161326133613461356136613761386139614061416142614361446145614661476148614961506151615261536154615561566157615861596160616161626163616461656166616761686169617061716172617361746175617661776178617961806181618261836184618561866187618861896190619161926193619461956196619761986199620062016202620362046205620662076208620962106211621262136214621562166217621862196220622162226223622462256226622762286229623062316232623362346235623662376238623962406241624262436244624562466247624862496250625162526253625462556256625762586259626062616262626362646265626662676268626962706271627262736274627562766277627862796280628162826283628462856286628762886289629062916292629362946295629662976298629963006301630263036304630563066307630863096310631163126313631463156316631763186319632063216322632363246325632663276328632963306331633263336334633563366337633863396340634163426343634463456346634763486349635063516352635363546355635663576358635963606361636263636364636563666367636863696370637163726373637463756376637763786379638063816382638363846385638663876388638963906391639263936394639563966397639863996400640164026403640464056406640764086409641064116412641364146415641664176418641964206421642264236424642564266427642864296430643164326433643464356436643764386439644064416442644364446445644664476448644964506451645264536454645564566457645864596460646164626463646464656466646764686469647064716472647364746475647664776478647964806481648264836484648564866487648864896490649164926493649464956496649764986499650065016502650365046505650665076508650965106511651265136514651565166517651865196520652165226523652465256526652765286529653065316532653365346535653665376538653965406541654265436544654565466547654865496550655165526553655465556556655765586559656065616562656365646565656665676568656965706571657265736574657565766577657865796580658165826583658465856586658765886589659065916592659365946595659665976598659966006601660266036604660566066607660866096610661166126613661466156616661766186619662066216622662366246625662666276628662966306631663266336634663566366637663866396640664166426643664466456646664766486649665066516652665366546655665666576658665966606661666266636664666566666667666866696670667166726673667466756676667766786679668066816682668366846685668666876688668966906691669266936694669566966697669866996700670167026703670467056706670767086709671067116712671367146715671667176718671967206721672267236724672567266727672867296730673167326733673467356736673767386739674067416742674367446745674667476748674967506751675267536754675567566757675867596760676167626763676467656766676767686769677067716772677367746775677667776778677967806781678267836784678567866787678867896790679167926793679467956796679767986799680068016802680368046805680668076808680968106811681268136814681568166817681868196820682168226823682468256826682768286829683068316832683368346835683668376838683968406841684268436844684568466847684868496850685168526853685468556856685768586859686068616862686368646865686668676868686968706871687268736874687568766877687868796880688168826883688468856886688768886889689068916892689368946895689668976898689969006901690269036904690569066907690869096910691169126913691469156916691769186919692069216922692369246925692669276928692969306931693269336934693569366937693869396940694169426943694469456946694769486949695069516952695369546955695669576958695969606961696269636964696569666967696869696970697169726973697469756976697769786979698069816982698369846985698669876988698969906991699269936994699569966997699869997000700170027003700470057006700770087009701070117012701370147015701670177018701970207021702270237024702570267027702870297030703170327033703470357036703770387039704070417042704370447045704670477048704970507051705270537054705570567057705870597060706170627063706470657066706770687069707070717072707370747075707670777078707970807081708270837084708570867087708870897090709170927093709470957096709770987099710071017102710371047105710671077108710971107111711271137114711571167117711871197120712171227123712471257126712771287129713071317132713371347135713671377138713971407141714271437144714571467147714871497150715171527153715471557156715771587159716071617162716371647165716671677168716971707171717271737174717571767177717871797180718171827183718471857186718771887189719071917192719371947195719671977198719972007201720272037204720572067207720872097210721172127213721472157216721772187219722072217222722372247225722672277228722972307231723272337234723572367237723872397240724172427243724472457246724772487249725072517252725372547255725672577258725972607261726272637264726572667267726872697270727172727273727472757276727772787279728072817282728372847285728672877288728972907291729272937294729572967297729872997300730173027303730473057306730773087309731073117312731373147315731673177318731973207321732273237324732573267327732873297330733173327333733473357336733773387339734073417342734373447345734673477348734973507351735273537354735573567357735873597360736173627363736473657366736773687369737073717372737373747375737673777378737973807381738273837384738573867387738873897390739173927393739473957396739773987399740074017402740374047405740674077408740974107411741274137414741574167417741874197420742174227423742474257426742774287429743074317432743374347435743674377438743974407441744274437444744574467447744874497450745174527453745474557456745774587459746074617462746374647465746674677468746974707471747274737474747574767477747874797480748174827483748474857486748774887489749074917492749374947495749674977498749975007501750275037504750575067507750875097510751175127513751475157516751775187519752075217522752375247525752675277528752975307531753275337534753575367537753875397540754175427543754475457546754775487549755075517552755375547555755675577558755975607561756275637564756575667567756875697570757175727573757475757576757775787579758075817582758375847585758675877588758975907591759275937594759575967597759875997600760176027603760476057606760776087609761076117612761376147615761676177618761976207621762276237624762576267627762876297630763176327633763476357636763776387639764076417642764376447645764676477648764976507651765276537654765576567657765876597660766176627663766476657666766776687669767076717672767376747675767676777678767976807681768276837684768576867687768876897690769176927693769476957696769776987699770077017702770377047705770677077708770977107711771277137714771577167717771877197720772177227723772477257726772777287729773077317732773377347735773677377738773977407741774277437744774577467747774877497750775177527753775477557756775777587759776077617762776377647765776677677768776977707771777277737774777577767777777877797780778177827783778477857786778777887789779077917792779377947795779677977798779978007801780278037804780578067807780878097810781178127813781478157816781778187819782078217822782378247825782678277828782978307831783278337834783578367837783878397840784178427843784478457846784778487849785078517852785378547855785678577858785978607861786278637864786578667867786878697870787178727873787478757876787778787879788078817882788378847885788678877888788978907891789278937894789578967897789878997900790179027903790479057906790779087909791079117912791379147915791679177918791979207921792279237924792579267927792879297930793179327933793479357936793779387939794079417942794379447945794679477948794979507951795279537954795579567957795879597960796179627963796479657966796779687969797079717972797379747975797679777978797979807981798279837984798579867987798879897990799179927993799479957996799779987999800080018002800380048005800680078008800980108011801280138014801580168017801880198020802180228023802480258026802780288029803080318032803380348035803680378038803980408041804280438044804580468047804880498050805180528053805480558056805780588059806080618062806380648065806680678068806980708071807280738074807580768077807880798080808180828083808480858086808780888089809080918092809380948095809680978098809981008101810281038104810581068107810881098110811181128113811481158116811781188119812081218122812381248125812681278128812981308131813281338134813581368137813881398140814181428143814481458146814781488149815081518152815381548155815681578158815981608161816281638164816581668167816881698170817181728173817481758176817781788179818081818182818381848185818681878188818981908191819281938194819581968197819881998200820182028203820482058206820782088209821082118212821382148215821682178218821982208221822282238224822582268227822882298230823182328233823482358236823782388239824082418242824382448245824682478248824982508251825282538254825582568257825882598260826182628263826482658266826782688269827082718272827382748275827682778278827982808281828282838284828582868287828882898290829182928293829482958296829782988299830083018302830383048305830683078308830983108311831283138314831583168317831883198320832183228323832483258326832783288329833083318332833383348335833683378338833983408341834283438344834583468347834883498350835183528353835483558356835783588359836083618362836383648365836683678368836983708371837283738374837583768377837883798380838183828383838483858386838783888389839083918392839383948395839683978398839984008401840284038404840584068407840884098410841184128413841484158416841784188419842084218422842384248425842684278428842984308431843284338434843584368437843884398440844184428443844484458446844784488449845084518452845384548455845684578458845984608461846284638464846584668467846884698470847184728473847484758476847784788479848084818482848384848485848684878488848984908491849284938494849584968497849884998500850185028503850485058506850785088509851085118512851385148515851685178518851985208521852285238524852585268527852885298530853185328533853485358536853785388539854085418542854385448545854685478548854985508551855285538554855585568557855885598560856185628563856485658566856785688569857085718572857385748575857685778578857985808581858285838584858585868587858885898590859185928593859485958596859785988599860086018602860386048605860686078608860986108611861286138614861586168617861886198620862186228623862486258626862786288629863086318632863386348635863686378638863986408641864286438644864586468647864886498650865186528653865486558656865786588659866086618662866386648665866686678668866986708671867286738674867586768677867886798680868186828683868486858686868786888689869086918692869386948695869686978698869987008701870287038704870587068707870887098710871187128713871487158716871787188719872087218722872387248725872687278728872987308731873287338734873587368737873887398740874187428743874487458746874787488749875087518752875387548755875687578758875987608761876287638764876587668767876887698770877187728773877487758776877787788779878087818782878387848785878687878788878987908791879287938794879587968797879887998800880188028803880488058806880788088809881088118812881388148815881688178818881988208821882288238824882588268827882888298830883188328833883488358836883788388839884088418842884388448845884688478848884988508851885288538854885588568857885888598860886188628863886488658866886788688869887088718872887388748875887688778878887988808881888288838884888588868887888888898890889188928893889488958896889788988899890089018902890389048905890689078908890989108911891289138914891589168917891889198920892189228923892489258926892789288929893089318932893389348935893689378938893989408941894289438944894589468947894889498950895189528953895489558956895789588959896089618962896389648965896689678968896989708971897289738974897589768977897889798980898189828983898489858986898789888989899089918992899389948995899689978998899990009001900290039004900590069007900890099010901190129013901490159016901790189019902090219022902390249025902690279028902990309031903290339034903590369037903890399040904190429043904490459046904790489049905090519052905390549055905690579058905990609061906290639064906590669067906890699070907190729073907490759076907790789079908090819082908390849085908690879088908990909091909290939094909590969097909890999100910191029103910491059106910791089109911091119112911391149115911691179118911991209121912291239124912591269127912891299130913191329133913491359136913791389139914091419142914391449145914691479148914991509151915291539154915591569157915891599160916191629163916491659166916791689169917091719172917391749175917691779178917991809181918291839184918591869187918891899190919191929193919491959196919791989199920092019202920392049205920692079208920992109211921292139214921592169217921892199220922192229223922492259226922792289229923092319232923392349235923692379238923992409241924292439244924592469247924892499250925192529253925492559256925792589259926092619262926392649265926692679268926992709271927292739274927592769277927892799280928192829283928492859286928792889289929092919292929392949295929692979298929993009301930293039304930593069307930893099310931193129313931493159316931793189319932093219322932393249325932693279328932993309331933293339334933593369337933893399340934193429343934493459346934793489349935093519352935393549355935693579358935993609361936293639364936593669367936893699370937193729373937493759376937793789379938093819382938393849385938693879388938993909391939293939394939593969397939893999400940194029403940494059406940794089409941094119412941394149415941694179418941994209421942294239424942594269427942894299430943194329433943494359436943794389439944094419442944394449445944694479448944994509451945294539454945594569457945894599460946194629463946494659466946794689469947094719472947394749475947694779478947994809481948294839484948594869487948894899490949194929493949494959496949794989499950095019502950395049505950695079508950995109511951295139514951595169517951895199520952195229523952495259526952795289529953095319532953395349535953695379538953995409541954295439544954595469547954895499550955195529553955495559556955795589559956095619562956395649565956695679568956995709571957295739574957595769577957895799580958195829583958495859586958795889589959095919592959395949595959695979598959996009601960296039604960596069607960896099610961196129613961496159616961796189619962096219622962396249625962696279628962996309631963296339634963596369637963896399640964196429643964496459646964796489649965096519652965396549655965696579658965996609661966296639664966596669667966896699670967196729673967496759676967796789679968096819682968396849685968696879688968996909691969296939694969596969697969896999700970197029703970497059706970797089709971097119712971397149715971697179718971997209721972297239724972597269727972897299730973197329733973497359736973797389739974097419742974397449745974697479748974997509751975297539754975597569757975897599760976197629763976497659766976797689769977097719772977397749775977697779778977997809781978297839784978597869787978897899790979197929793979497959796979797989799980098019802980398049805980698079808980998109811981298139814981598169817981898199820982198229823982498259826982798289829983098319832983398349835983698379838983998409841984298439844984598469847984898499850985198529853985498559856985798589859986098619862986398649865986698679868986998709871987298739874987598769877987898799880988198829883988498859886988798889889989098919892989398949895989698979898989999009901990299039904990599069907990899099910991199129913991499159916991799189919992099219922992399249925992699279928992999309931993299339934993599369937993899399940994199429943994499459946994799489949995099519952995399549955995699579958995999609961996299639964996599669967996899699970997199729973997499759976997799789979998099819982998399849985998699879988998999909991999299939994999599969997999899991000010001100021000310004100051000610007100081000910010100111001210013100141001510016100171001810019100201002110022100231002410025100261002710028100291003010031100321003310034100351003610037100381003910040100411004210043100441004510046100471004810049100501005110052100531005410055100561005710058100591006010061100621006310064100651006610067100681006910070100711007210073100741007510076100771007810079100801008110082100831008410085100861008710088100891009010091100921009310094100951009610097100981009910100101011010210103101041010510106101071010810109101101011110112101131011410115101161011710118101191012010121101221012310124101251012610127101281012910130101311013210133101341013510136101371013810139101401014110142101431014410145101461014710148101491015010151101521015310154101551015610157101581015910160101611016210163101641016510166101671016810169101701017110172101731017410175101761017710178101791018010181101821018310184101851018610187101881018910190101911019210193101941019510196101971019810199102001020110202102031020410205102061020710208102091021010211102121021310214102151021610217102181021910220102211022210223102241022510226102271022810229102301023110232102331023410235102361023710238102391024010241102421024310244102451024610247102481024910250102511025210253102541025510256102571025810259102601026110262102631026410265102661026710268102691027010271102721027310274102751027610277102781027910280102811028210283102841028510286102871028810289102901029110292102931029410295102961029710298102991030010301103021030310304103051030610307103081030910310103111031210313103141031510316103171031810319103201032110322103231032410325103261032710328103291033010331103321033310334103351033610337103381033910340103411034210343103441034510346103471034810349103501035110352103531035410355103561035710358103591036010361103621036310364103651036610367103681036910370103711037210373103741037510376103771037810379103801038110382103831038410385103861038710388103891039010391103921039310394103951039610397103981039910400104011040210403104041040510406104071040810409104101041110412104131041410415104161041710418104191042010421104221042310424104251042610427104281042910430104311043210433104341043510436104371043810439104401044110442104431044410445104461044710448104491045010451104521045310454104551045610457104581045910460104611046210463104641046510466104671046810469104701047110472104731047410475104761047710478104791048010481104821048310484104851048610487104881048910490104911049210493104941049510496104971049810499105001050110502105031050410505105061050710508105091051010511105121051310514105151051610517105181051910520105211052210523105241052510526105271052810529105301053110532105331053410535105361053710538105391054010541105421054310544105451054610547105481054910550105511055210553105541055510556105571055810559105601056110562105631056410565105661056710568105691057010571105721057310574105751057610577105781057910580105811058210583105841058510586105871058810589105901059110592105931059410595105961059710598105991060010601106021060310604106051060610607106081060910610106111061210613106141061510616106171061810619106201062110622106231062410625106261062710628106291063010631106321063310634106351063610637106381063910640106411064210643106441064510646106471064810649106501065110652106531065410655106561065710658106591066010661106621066310664106651066610667106681066910670106711067210673106741067510676106771067810679106801068110682106831068410685106861068710688106891069010691106921069310694106951069610697106981069910700107011070210703107041070510706107071070810709107101071110712107131071410715107161071710718107191072010721107221072310724107251072610727107281072910730107311073210733107341073510736107371073810739107401074110742107431074410745107461074710748107491075010751107521075310754107551075610757107581075910760107611076210763107641076510766107671076810769107701077110772107731077410775107761077710778107791078010781107821078310784107851078610787107881078910790107911079210793107941079510796107971079810799108001080110802108031080410805108061080710808108091081010811108121081310814108151081610817108181081910820108211082210823108241082510826108271082810829108301083110832108331083410835108361083710838108391084010841108421084310844108451084610847108481084910850108511085210853108541085510856108571085810859108601086110862108631086410865108661086710868108691087010871108721087310874108751087610877108781087910880108811088210883108841088510886108871088810889108901089110892108931089410895108961089710898108991090010901109021090310904109051090610907109081090910910109111091210913109141091510916109171091810919109201092110922109231092410925109261092710928109291093010931109321093310934109351093610937109381093910940109411094210943109441094510946109471094810949109501095110952109531095410955109561095710958109591096010961109621096310964109651096610967109681096910970109711097210973109741097510976109771097810979109801098110982109831098410985109861098710988109891099010991109921099310994109951099610997109981099911000110011100211003110041100511006110071100811009110101101111012110131101411015110161101711018110191102011021110221102311024110251102611027110281102911030110311103211033110341103511036110371103811039110401104111042110431104411045110461104711048110491105011051110521105311054110551105611057110581105911060110611106211063110641106511066110671106811069110701107111072110731107411075110761107711078110791108011081110821108311084110851108611087110881108911090110911109211093110941109511096110971109811099111001110111102111031110411105111061110711108111091111011111111121111311114111151111611117111181111911120111211112211123111241112511126111271112811129111301113111132111331113411135111361113711138111391114011141111421114311144111451114611147111481114911150111511115211153111541115511156111571115811159111601116111162111631116411165111661116711168111691117011171111721117311174111751117611177111781117911180111811118211183111841118511186111871118811189111901119111192111931119411195111961119711198111991120011201112021120311204112051120611207112081120911210112111121211213112141121511216112171121811219112201122111222112231122411225112261122711228112291123011231112321123311234112351123611237112381123911240112411124211243112441124511246112471124811249112501125111252112531125411255112561125711258112591126011261112621126311264112651126611267112681126911270112711127211273112741127511276112771127811279112801128111282112831128411285112861128711288112891129011291112921129311294112951129611297112981129911300113011130211303113041130511306113071130811309113101131111312113131131411315113161131711318113191132011321113221132311324113251132611327113281132911330113311133211333113341133511336113371133811339113401134111342113431134411345113461134711348113491135011351113521135311354113551135611357113581135911360113611136211363113641136511366113671136811369113701137111372113731137411375113761137711378113791138011381113821138311384113851138611387113881138911390113911139211393113941139511396113971139811399114001140111402114031140411405114061140711408114091141011411114121141311414114151141611417114181141911420114211142211423114241142511426114271142811429114301143111432114331143411435114361143711438114391144011441114421144311444114451144611447114481144911450114511145211453114541145511456114571145811459114601146111462114631146411465114661146711468114691147011471114721147311474114751147611477114781147911480114811148211483114841148511486114871148811489114901149111492114931149411495114961149711498114991150011501115021150311504115051150611507115081150911510115111151211513115141151511516115171151811519115201152111522115231152411525115261152711528115291153011531115321153311534115351153611537115381153911540115411154211543115441154511546115471154811549115501155111552115531155411555115561155711558115591156011561115621156311564115651156611567115681156911570115711157211573115741157511576115771157811579115801158111582115831158411585115861158711588115891159011591115921159311594115951159611597115981159911600116011160211603116041160511606116071160811609116101161111612116131161411615116161161711618116191162011621116221162311624116251162611627116281162911630116311163211633116341163511636116371163811639116401164111642116431164411645116461164711648116491165011651116521165311654116551165611657116581165911660116611166211663116641166511666116671166811669116701167111672116731167411675116761167711678116791168011681116821168311684116851168611687116881168911690116911169211693116941169511696116971169811699117001170111702117031170411705117061170711708117091171011711117121171311714117151171611717117181171911720117211172211723117241172511726117271172811729117301173111732117331173411735117361173711738117391174011741117421174311744117451174611747117481174911750117511175211753117541175511756117571175811759117601176111762117631176411765117661176711768117691177011771117721177311774117751177611777117781177911780117811178211783117841178511786117871178811789117901179111792117931179411795117961179711798117991180011801118021180311804118051180611807118081180911810118111181211813118141181511816118171181811819118201182111822118231182411825118261182711828118291183011831118321183311834118351183611837118381183911840118411184211843118441184511846118471184811849118501185111852118531185411855118561185711858118591186011861118621186311864118651186611867118681186911870118711187211873118741187511876118771187811879118801188111882118831188411885118861188711888118891189011891118921189311894118951189611897118981189911900119011190211903119041190511906119071190811909119101191111912119131191411915119161191711918119191192011921119221192311924119251192611927119281192911930119311193211933119341193511936119371193811939119401194111942119431194411945119461194711948119491195011951119521195311954119551195611957119581195911960119611196211963119641196511966119671196811969119701197111972119731197411975119761197711978119791198011981119821198311984119851198611987119881198911990119911199211993119941199511996119971199811999120001200112002120031200412005120061200712008120091201012011120121201312014120151201612017120181201912020120211202212023120241202512026120271202812029120301203112032120331203412035120361203712038120391204012041120421204312044120451204612047120481204912050120511205212053120541205512056120571205812059120601206112062120631206412065120661206712068120691207012071120721207312074120751207612077120781207912080120811208212083120841208512086120871208812089120901209112092120931209412095120961209712098120991210012101121021210312104121051210612107121081210912110121111211212113121141211512116121171211812119121201212112122121231212412125121261212712128121291213012131121321213312134121351213612137121381213912140121411214212143121441214512146121471214812149121501215112152121531215412155121561215712158121591216012161121621216312164121651216612167121681216912170121711217212173121741217512176121771217812179121801218112182121831218412185121861218712188121891219012191121921219312194121951219612197121981219912200122011220212203122041220512206122071220812209122101221112212122131221412215122161221712218122191222012221122221222312224122251222612227122281222912230122311223212233122341223512236122371223812239122401224112242122431224412245122461224712248122491225012251122521225312254122551225612257122581225912260122611226212263122641226512266122671226812269122701227112272122731227412275122761227712278122791228012281122821228312284122851228612287122881228912290122911229212293122941229512296122971229812299123001230112302123031230412305123061230712308123091231012311123121231312314123151231612317123181231912320123211232212323123241232512326123271232812329123301233112332123331233412335123361233712338123391234012341123421234312344123451234612347123481234912350123511235212353123541235512356123571235812359123601236112362123631236412365123661236712368123691237012371123721237312374123751237612377123781237912380123811238212383123841238512386123871238812389123901239112392123931239412395123961239712398123991240012401124021240312404124051240612407124081240912410124111241212413124141241512416124171241812419124201242112422124231242412425124261242712428124291243012431124321243312434124351243612437124381243912440124411244212443124441244512446124471244812449124501245112452124531245412455124561245712458124591246012461124621246312464124651246612467124681246912470124711247212473124741247512476124771247812479124801248112482124831248412485124861248712488124891249012491124921249312494124951249612497124981249912500125011250212503125041250512506125071250812509125101251112512125131251412515125161251712518125191252012521125221252312524125251252612527125281252912530125311253212533125341253512536125371253812539125401254112542125431254412545125461254712548125491255012551125521255312554125551255612557125581255912560125611256212563125641256512566125671256812569125701257112572125731257412575125761257712578125791258012581125821258312584125851258612587125881258912590125911259212593125941259512596125971259812599126001260112602126031260412605126061260712608126091261012611126121261312614126151261612617126181261912620126211262212623126241262512626126271262812629126301263112632126331263412635126361263712638126391264012641126421264312644126451264612647126481264912650126511265212653126541265512656126571265812659126601266112662126631266412665126661266712668126691267012671126721267312674126751267612677126781267912680126811268212683126841268512686126871268812689126901269112692126931269412695126961269712698126991270012701127021270312704127051270612707127081270912710127111271212713127141271512716127171271812719127201272112722127231272412725127261272712728127291273012731127321273312734127351273612737127381273912740127411274212743127441274512746127471274812749127501275112752127531275412755127561275712758127591276012761127621276312764127651276612767127681276912770127711277212773127741277512776127771277812779127801278112782127831278412785127861278712788127891279012791127921279312794127951279612797127981279912800128011280212803128041280512806128071280812809128101281112812128131281412815128161281712818128191282012821128221282312824128251282612827128281282912830128311283212833128341283512836128371283812839128401284112842128431284412845128461284712848128491285012851128521285312854128551285612857128581285912860128611286212863128641286512866128671286812869128701287112872128731287412875128761287712878128791288012881128821288312884128851288612887128881288912890128911289212893128941289512896128971289812899129001290112902129031290412905129061290712908129091291012911129121291312914129151291612917129181291912920129211292212923129241292512926129271292812929129301293112932129331293412935129361293712938129391294012941129421294312944129451294612947129481294912950129511295212953129541295512956129571295812959129601296112962129631296412965129661296712968129691297012971129721297312974129751297612977129781297912980129811298212983129841298512986129871298812989129901299112992129931299412995129961299712998129991300013001130021300313004130051300613007130081300913010130111301213013130141301513016130171301813019130201302113022130231302413025130261302713028130291303013031130321303313034130351303613037130381303913040130411304213043130441304513046130471304813049130501305113052130531305413055130561305713058130591306013061130621306313064130651306613067130681306913070130711307213073130741307513076130771307813079130801308113082130831308413085130861308713088130891309013091130921309313094130951309613097130981309913100131011310213103131041310513106131071310813109131101311113112131131311413115131161311713118131191312013121131221312313124131251312613127131281312913130131311313213133131341313513136131371313813139131401314113142131431314413145131461314713148131491315013151131521315313154131551315613157131581315913160131611316213163131641316513166131671316813169131701317113172131731317413175131761317713178131791318013181131821318313184131851318613187131881318913190131911319213193131941319513196131971319813199132001320113202132031320413205132061320713208132091321013211132121321313214132151321613217132181321913220132211322213223132241322513226132271322813229132301323113232132331323413235132361323713238132391324013241132421324313244132451324613247132481324913250132511325213253132541325513256132571325813259132601326113262132631326413265132661326713268132691327013271132721327313274132751327613277132781327913280132811328213283132841328513286132871328813289132901329113292132931329413295132961329713298132991330013301133021330313304133051330613307133081330913310133111331213313133141331513316133171331813319133201332113322133231332413325133261332713328133291333013331133321333313334133351333613337133381333913340133411334213343133441334513346133471334813349133501335113352133531335413355133561335713358133591336013361133621336313364133651336613367133681336913370133711337213373133741337513376133771337813379133801338113382133831338413385133861338713388133891339013391133921339313394133951339613397133981339913400134011340213403134041340513406134071340813409134101341113412134131341413415134161341713418134191342013421134221342313424134251342613427134281342913430134311343213433134341343513436134371343813439134401344113442134431344413445134461344713448134491345013451134521345313454134551345613457134581345913460134611346213463134641346513466134671346813469134701347113472134731347413475134761347713478134791348013481134821348313484134851348613487134881348913490134911349213493134941349513496134971349813499135001350113502135031350413505135061350713508135091351013511135121351313514135151351613517135181351913520135211352213523135241352513526135271352813529135301353113532135331353413535135361353713538135391354013541135421354313544135451354613547135481354913550135511355213553135541355513556135571355813559135601356113562135631356413565135661356713568135691357013571135721357313574135751357613577135781357913580135811358213583135841358513586135871358813589135901359113592135931359413595135961359713598135991360013601136021360313604136051360613607136081360913610136111361213613136141361513616136171361813619136201362113622136231362413625136261362713628136291363013631136321363313634136351363613637136381363913640136411364213643136441364513646136471364813649136501365113652136531365413655136561365713658136591366013661136621366313664136651366613667136681366913670136711367213673136741367513676136771367813679136801368113682136831368413685136861368713688136891369013691136921369313694136951369613697136981369913700137011370213703137041370513706137071370813709137101371113712137131371413715137161371713718137191372013721137221372313724137251372613727137281372913730137311373213733137341373513736137371373813739137401374113742137431374413745137461374713748137491375013751137521375313754137551375613757137581375913760137611376213763137641376513766137671376813769137701377113772137731377413775137761377713778137791378013781137821378313784137851378613787137881378913790137911379213793137941379513796137971379813799138001380113802138031380413805138061380713808138091381013811138121381313814138151381613817138181381913820138211382213823138241382513826138271382813829138301383113832138331383413835138361383713838138391384013841138421384313844138451384613847138481384913850138511385213853138541385513856138571385813859138601386113862138631386413865138661386713868138691387013871138721387313874138751387613877138781387913880138811388213883138841388513886138871388813889138901389113892138931389413895138961389713898138991390013901139021390313904139051390613907139081390913910139111391213913139141391513916139171391813919139201392113922139231392413925139261392713928139291393013931139321393313934139351393613937139381393913940139411394213943139441394513946139471394813949139501395113952139531395413955139561395713958139591396013961139621396313964139651396613967139681396913970139711397213973139741397513976139771397813979139801398113982139831398413985139861398713988139891399013991139921399313994139951399613997139981399914000140011400214003140041400514006140071400814009140101401114012140131401414015140161401714018140191402014021140221402314024140251402614027140281402914030140311403214033140341403514036140371403814039140401404114042140431404414045140461404714048140491405014051140521405314054140551405614057140581405914060140611406214063140641406514066140671406814069140701407114072140731407414075140761407714078140791408014081140821408314084140851408614087140881408914090140911409214093140941409514096140971409814099141001410114102141031410414105141061410714108141091411014111141121411314114141151411614117141181411914120141211412214123141241412514126141271412814129141301413114132141331413414135141361413714138141391414014141141421414314144141451414614147141481414914150141511415214153141541415514156141571415814159141601416114162141631416414165141661416714168141691417014171141721417314174141751417614177141781417914180141811418214183141841418514186141871418814189141901419114192141931419414195141961419714198141991420014201142021420314204142051420614207142081420914210142111421214213142141421514216142171421814219142201422114222142231422414225142261422714228142291423014231142321423314234142351423614237142381423914240142411424214243142441424514246142471424814249142501425114252142531425414255142561425714258142591426014261142621426314264142651426614267142681426914270142711427214273142741427514276142771427814279142801428114282142831428414285142861428714288142891429014291142921429314294142951429614297142981429914300143011430214303143041430514306143071430814309143101431114312143131431414315143161431714318143191432014321143221432314324143251432614327143281432914330143311433214333143341433514336143371433814339143401434114342143431434414345143461434714348143491435014351143521435314354143551435614357143581435914360143611436214363143641436514366143671436814369143701437114372143731437414375143761437714378143791438014381143821438314384143851438614387143881438914390143911439214393143941439514396143971439814399144001440114402144031440414405144061440714408144091441014411144121441314414144151441614417144181441914420144211442214423144241442514426144271442814429144301443114432144331443414435144361443714438144391444014441144421444314444144451444614447144481444914450144511445214453144541445514456144571445814459144601446114462144631446414465144661446714468144691447014471144721447314474144751447614477144781447914480144811448214483144841448514486144871448814489144901449114492144931449414495144961449714498144991450014501145021450314504145051450614507145081450914510145111451214513145141451514516145171451814519145201452114522145231452414525145261452714528145291453014531145321453314534145351453614537145381453914540145411454214543145441454514546145471454814549145501455114552145531455414555145561455714558145591456014561145621456314564145651456614567145681456914570145711457214573145741457514576145771457814579145801458114582145831458414585145861458714588145891459014591145921459314594145951459614597145981459914600146011460214603146041460514606146071460814609146101461114612146131461414615146161461714618146191462014621146221462314624146251462614627146281462914630146311463214633146341463514636146371463814639146401464114642146431464414645146461464714648146491465014651146521465314654146551465614657146581465914660146611466214663146641466514666146671466814669146701467114672146731467414675146761467714678146791468014681146821468314684146851468614687146881468914690146911469214693146941469514696146971469814699147001470114702147031470414705147061470714708147091471014711147121471314714147151471614717147181471914720147211472214723147241472514726147271472814729147301473114732147331473414735147361473714738147391474014741147421474314744147451474614747147481474914750147511475214753147541475514756147571475814759147601476114762147631476414765147661476714768147691477014771147721477314774147751477614777147781477914780147811478214783147841478514786147871478814789147901479114792147931479414795147961479714798147991480014801148021480314804148051480614807148081480914810148111481214813148141481514816148171481814819148201482114822148231482414825148261482714828148291483014831148321483314834148351483614837148381483914840148411484214843148441484514846148471484814849148501485114852148531485414855148561485714858148591486014861148621486314864148651486614867148681486914870148711487214873148741487514876148771487814879148801488114882148831488414885148861488714888148891489014891148921489314894148951489614897148981489914900149011490214903149041490514906149071490814909149101491114912149131491414915149161491714918149191492014921149221492314924149251492614927149281492914930149311493214933149341493514936149371493814939149401494114942149431494414945149461494714948149491495014951149521495314954149551495614957149581495914960149611496214963149641496514966149671496814969149701497114972149731497414975149761497714978149791498014981149821498314984149851498614987149881498914990149911499214993149941499514996149971499814999150001500115002150031500415005150061500715008150091501015011150121501315014150151501615017150181501915020150211502215023150241502515026150271502815029150301503115032150331503415035150361503715038150391504015041150421504315044150451504615047150481504915050150511505215053150541505515056150571505815059150601506115062150631506415065150661506715068150691507015071150721507315074150751507615077150781507915080150811508215083150841508515086150871508815089150901509115092150931509415095150961509715098150991510015101151021510315104151051510615107151081510915110151111511215113151141511515116151171511815119151201512115122151231512415125151261512715128151291513015131151321513315134151351513615137151381513915140151411514215143151441514515146151471514815149151501515115152151531515415155151561515715158151591516015161151621516315164151651516615167151681516915170151711517215173151741517515176151771517815179151801518115182151831518415185151861518715188151891519015191151921519315194151951519615197151981519915200152011520215203152041520515206152071520815209152101521115212152131521415215152161521715218152191522015221152221522315224152251522615227152281522915230152311523215233152341523515236152371523815239152401524115242152431524415245152461524715248152491525015251152521525315254152551525615257152581525915260152611526215263152641526515266152671526815269152701527115272152731527415275152761527715278152791528015281152821528315284152851528615287152881528915290152911529215293152941529515296152971529815299153001530115302153031530415305153061530715308153091531015311153121531315314153151531615317153181531915320153211532215323153241532515326153271532815329153301533115332153331533415335153361533715338153391534015341153421534315344153451534615347153481534915350153511535215353153541535515356153571535815359153601536115362153631536415365153661536715368153691537015371153721537315374153751537615377153781537915380153811538215383153841538515386153871538815389153901539115392153931539415395153961539715398153991540015401154021540315404154051540615407154081540915410154111541215413154141541515416154171541815419154201542115422154231542415425154261542715428154291543015431154321543315434154351543615437154381543915440154411544215443154441544515446154471544815449154501545115452154531545415455154561545715458154591546015461154621546315464154651546615467154681546915470154711547215473154741547515476154771547815479154801548115482154831548415485154861548715488154891549015491154921549315494154951549615497154981549915500155011550215503155041550515506155071550815509155101551115512155131551415515155161551715518155191552015521155221552315524155251552615527155281552915530155311553215533155341553515536155371553815539155401554115542155431554415545155461554715548155491555015551155521555315554155551555615557155581555915560155611556215563155641556515566155671556815569155701557115572155731557415575155761557715578155791558015581155821558315584155851558615587155881558915590155911559215593155941559515596155971559815599156001560115602156031560415605156061560715608156091561015611156121561315614156151561615617156181561915620156211562215623156241562515626156271562815629156301563115632156331563415635156361563715638156391564015641156421564315644156451564615647156481564915650156511565215653156541565515656156571565815659156601566115662156631566415665156661566715668156691567015671156721567315674156751567615677156781567915680156811568215683156841568515686156871568815689156901569115692156931569415695156961569715698156991570015701157021570315704157051570615707157081570915710157111571215713157141571515716157171571815719157201572115722157231572415725157261572715728157291573015731157321573315734157351573615737157381573915740157411574215743157441574515746157471574815749157501575115752157531575415755157561575715758157591576015761157621576315764157651576615767157681576915770157711577215773157741577515776157771577815779157801578115782157831578415785157861578715788157891579015791157921579315794157951579615797157981579915800158011580215803158041580515806158071580815809158101581115812158131581415815158161581715818158191582015821158221582315824158251582615827158281582915830158311583215833158341583515836158371583815839158401584115842158431584415845158461584715848158491585015851158521585315854158551585615857158581585915860158611586215863158641586515866158671586815869158701587115872158731587415875158761587715878158791588015881158821588315884158851588615887158881588915890158911589215893158941589515896158971589815899159001590115902159031590415905159061590715908159091591015911159121591315914159151591615917159181591915920159211592215923159241592515926159271592815929159301593115932159331593415935159361593715938159391594015941159421594315944159451594615947159481594915950159511595215953159541595515956159571595815959159601596115962159631596415965159661596715968159691597015971159721597315974159751597615977159781597915980159811598215983159841598515986159871598815989159901599115992159931599415995159961599715998159991600016001160021600316004160051600616007160081600916010160111601216013160141601516016160171601816019160201602116022160231602416025160261602716028160291603016031160321603316034160351603616037160381603916040160411604216043160441604516046160471604816049160501605116052160531605416055160561605716058160591606016061160621606316064160651606616067160681606916070160711607216073160741607516076160771607816079160801608116082160831608416085160861608716088160891609016091160921609316094160951609616097160981609916100161011610216103161041610516106161071610816109161101611116112161131611416115161161611716118161191612016121161221612316124161251612616127161281612916130161311613216133161341613516136161371613816139161401614116142161431614416145161461614716148161491615016151161521615316154161551615616157161581615916160161611616216163161641616516166161671616816169161701617116172161731617416175161761617716178161791618016181161821618316184161851618616187161881618916190161911619216193161941619516196161971619816199162001620116202162031620416205162061620716208162091621016211162121621316214162151621616217162181621916220162211622216223162241622516226162271622816229162301623116232162331623416235162361623716238162391624016241162421624316244162451624616247162481624916250162511625216253162541625516256162571625816259162601626116262162631626416265162661626716268162691627016271162721627316274162751627616277162781627916280162811628216283162841628516286162871628816289162901629116292162931629416295162961629716298162991630016301163021630316304163051630616307163081630916310163111631216313163141631516316163171631816319163201632116322163231632416325163261632716328163291633016331163321633316334163351633616337163381633916340163411634216343163441634516346163471634816349163501635116352163531635416355163561635716358163591636016361163621636316364163651636616367163681636916370163711637216373163741637516376163771637816379163801638116382163831638416385163861638716388163891639016391163921639316394163951639616397163981639916400164011640216403164041640516406164071640816409164101641116412164131641416415164161641716418164191642016421164221642316424164251642616427164281642916430164311643216433164341643516436164371643816439164401644116442164431644416445164461644716448164491645016451164521645316454164551645616457164581645916460164611646216463164641646516466164671646816469164701647116472164731647416475164761647716478164791648016481164821648316484164851648616487164881648916490164911649216493164941649516496164971649816499165001650116502165031650416505165061650716508165091651016511165121651316514165151651616517165181651916520165211652216523165241652516526165271652816529165301653116532165331653416535165361653716538165391654016541165421654316544165451654616547165481654916550165511655216553165541655516556165571655816559165601656116562165631656416565165661656716568165691657016571165721657316574165751657616577165781657916580165811658216583165841658516586165871658816589165901659116592165931659416595165961659716598165991660016601166021660316604166051660616607166081660916610166111661216613166141661516616166171661816619166201662116622166231662416625166261662716628166291663016631166321663316634166351663616637166381663916640166411664216643166441664516646166471664816649166501665116652166531665416655166561665716658166591666016661166621666316664166651666616667166681666916670166711667216673166741667516676166771667816679166801668116682166831668416685166861668716688166891669016691166921669316694166951669616697166981669916700167011670216703167041670516706167071670816709167101671116712167131671416715167161671716718167191672016721167221672316724167251672616727167281672916730167311673216733167341673516736167371673816739167401674116742167431674416745167461674716748167491675016751167521675316754167551675616757167581675916760167611676216763167641676516766167671676816769167701677116772167731677416775167761677716778167791678016781167821678316784167851678616787167881678916790167911679216793167941679516796167971679816799168001680116802168031680416805168061680716808168091681016811168121681316814168151681616817168181681916820168211682216823168241682516826168271682816829168301683116832168331683416835168361683716838168391684016841168421684316844168451684616847168481684916850168511685216853168541685516856168571685816859168601686116862168631686416865168661686716868168691687016871168721687316874168751687616877168781687916880168811688216883168841688516886168871688816889168901689116892168931689416895168961689716898168991690016901169021690316904169051690616907169081690916910169111691216913169141691516916169171691816919169201692116922169231692416925169261692716928169291693016931169321693316934169351693616937169381693916940169411694216943169441694516946169471694816949169501695116952169531695416955169561695716958169591696016961169621696316964169651696616967169681696916970169711697216973169741697516976169771697816979169801698116982169831698416985169861698716988169891699016991169921699316994 |
- /*!
- * Paper.js v0.12.0 - The Swiss Army Knife of Vector Graphics Scripting.
- * http://paperjs.org/
- *
- * Copyright (c) 2011 - 2016, Juerg Lehni & Jonathan Puckey
- * http://scratchdisk.com/ & https://puckey.studio/
- *
- * Distributed under the MIT license. See LICENSE file for details.
- *
- * All rights reserved.
- *
- * Date: Mon Dec 3 14:19:11 2018 +0100
- *
- ***
- *
- * 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
- * https://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 = new type(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;
- });
- },
- push: function(list, items) {
- var itemsLength = items.length;
- if (itemsLength < 4096) {
- list.push.apply(list, items);
- } else {
- var startLength = list.length;
- list.length += itemsLength;
- for (var i = 0; i < itemsLength; i++) {
- list[startLength + i] = items[i];
- }
- }
- return list;
- },
- 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) {
- Base.push(list, items);
- return [];
- } else {
- var args = [index, remove];
- if (items)
- Base.push(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 handler() {
- func.apply(this, arguments);
- this.off(type, handler);
- });
- },
- 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.12.0",
- getView: function() {
- var project = this.project;
- return project && project._view;
- },
- getPaper: function() {
- return this;
- },
- execute: function(code, options) {
- var exports = paper.PaperScript.execute(code, this, options);
- View.updateFocus();
- return exports;
- },
- 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(25);
- }
- }
- },
- 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 = undefined;
- }
- if (flags & 16) {
- this._globalMatrix = undefined;
- }
- if (cacheParent
- && (flags & 72)) {
- 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(256);
- },
- 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: 256,
- visible: 265
- };
- this['get' + part] = function() {
- return this[key];
- };
- this['set' + part] = function(value) {
- if (value != this[key]) {
- this[key] = value;
- this._changed(flags[name] || 257);
- }
- };
- },
- {}), {
- 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(257);
- }
- }
- },
- _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(257);
- if (this._parent)
- this._parent._changed(2048);
- }
- },
- getData: function() {
- if (!this._data)
- this._data = {};
- return this._data;
- },
- setData: function(data) {
- this._data = data;
- },
- getPosition: function(_dontLink) {
- var ctor = _dontLink ? Point : LinkedPoint;
- var position = this._position ||
- (this._position = this._getPositionFromBounds());
- return new ctor(position.x, position.y, this, 'setPosition');
- },
- setPosition: function() {
- this.translate(Point.read(arguments).subtract(this.getPosition(true)));
- },
- _getPositionFromBounds: function(bounds) {
- return this._pivot
- ? this._matrix._transformPoint(this._pivot)
- : (bounds || this.getBounds()).getCenter(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;
- if (matrix) {
- var parent = this._parent;
- var parents = [];
- while (parent) {
- if (!parent._globalMatrix) {
- matrix = null;
- for (var i = 0, l = parents.length; i < l; i++) {
- parents[i]._globalMatrix = null;
- }
- break;
- }
- parents.push(parent);
- parent = parent._parent;
- }
- }
- if (!matrix) {
- matrix = this._globalMatrix = this._matrix.clone();
- var parent = this._parent;
- if (parent)
- matrix.prepend(parent.getGlobalMatrix(true));
- }
- 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 (this._style)
- this._style._dispose();
- 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,
- transformMatrix = matrix && !matrix.isIdentity(),
- applyMatrix = (_applyMatrix || this._applyMatrix)
- && ((!_matrix.isIdentity() || transformMatrix)
- || _applyMatrix && _applyRecursively && this._children);
- if (!transformMatrix && !applyMatrix)
- return this;
- if (transformMatrix) {
- 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 (transformMatrix || applyMatrix) {
- this._changed(25);
- }
- var decomp = transformMatrix && 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 = this._getPositionFromBounds(cached.rect);
- }
- } else if (transformMatrix && 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) {
- 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) {
- matrices.pop();
- 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 pos = this.getPosition(true),
- parent = this._parent,
- point = parent ? parent.localToGlobal(pos) : pos,
- 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;
- }
- }), {
- tween: function(from, to, options) {
- if (!options) {
- options = to;
- to = from;
- from = null;
- if (!options) {
- options = to;
- to = null;
- }
- }
- var easing = options && options.easing,
- start = options && options.start,
- duration = options != null && (
- typeof options === 'number' ? options : options.duration
- ),
- tween = new Tween(this, from, to, duration, easing, start);
- function onFrame(event) {
- tween._handleFrame(event.time * 1000);
- if (!tween.running) {
- this.off('frame', onFrame);
- }
- }
- if (duration) {
- this.on('frame', onFrame);
- }
- return tween;
- },
- tweenTo: function(to, options) {
- return this.tween(null, to, options);
- },
- tweenFrom: function(from, options) {
- return this.tween(from, null, options);
- }
- });
- 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 & 2050) {
- 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'],
- _smoothing: true,
- 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(1033);
- },
- 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(1025);
- }
- 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;
- },
- getSmoothing: function() {
- return this._smoothing;
- },
- setSmoothing: function(smoothing) {
- this._smoothing = smoothing;
- this._changed(257);
- },
- 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, param, viewMatrix) {
- var element = this.getElement();
- if (element && element.width > 0 && element.height > 0) {
- ctx.globalAlpha = this._opacity;
- this._setStyles(ctx, param, viewMatrix);
- DomElement.setPrefixed(
- ctx, 'imageSmoothingEnabled', this._smoothing
- );
- 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(41);
- },
- 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(257);
- }
- },
- _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',
- getTimesWithTangent: function () {
- var tangent = Point.read(arguments);
- return tangent.isZero()
- ? []
- : Curve.getTimesWithTangent(this.getValues(), tangent);
- },
- 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++) {
- Base.push(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;
- }
- function getTimesWithTangent(v, tangent) {
- 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],
- normalized = tangent.normalize(),
- tx = normalized.x,
- ty = normalized.y,
- ax = 3 * x3 - 9 * x2 + 9 * x1 - 3 * x0,
- ay = 3 * y3 - 9 * y2 + 9 * y1 - 3 * y0,
- bx = 6 * x2 - 12 * x1 + 6 * x0,
- by = 6 * y2 - 12 * y1 + 6 * y0,
- cx = 3 * x1 - 3 * x0,
- cy = 3 * y1 - 3 * y0,
- den = 2 * ax * ty - 2 * ay * tx,
- times = [];
- if (Math.abs(den) < Numerical.CURVETIME_EPSILON) {
- var num = ax * cy - ay * cx,
- den = ax * by - ay * bx;
- if (den != 0) {
- var t = -num / den;
- if (t >= 0 && t <= 1) times.push(t);
- }
- } else {
- var delta = (bx * bx - 4 * ax * cx) * ty * ty +
- (-2 * bx * by + 4 * ay * cx + 4 * ax * cy) * tx * ty +
- (by * by - 4 * ay * cy) * tx * tx,
- k = bx * ty - by * tx;
- if (delta >= 0 && den != 0) {
- var d = Math.sqrt(delta),
- t0 = -(k + d) / den,
- t1 = (-k + d) / den;
- if (t0 >= 0 && t0 <= 1) times.push(t0);
- if (t1 >= 0 && t1 <= 1) times.push(t1);
- }
- }
- return times;
- }
- 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,
- getTimesWithTangent: getTimesWithTangent
- }
- };
- });
- 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 & 32) {
- this._version++;
- } else if (this._curves) {
- for (var i = 0, l = this._curves.length; i < l; i++)
- this._curves[i]._changed();
- }
- } else if (flags & 64) {
- 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(41);
- }
- }
- }, {
- 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) {
- Base.push(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(41);
- 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(41);
- 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;
- },
- getOffsetsWithTangent: function() {
- var tangent = Point.read(arguments);
- if (tangent.isZero()) {
- return [];
- }
- var offsets = [];
- var curveStart = 0;
- var curves = this.getCurves();
- for (var i = 0, l = curves.length; i < l; i++) {
- var curve = curves[i];
- var curveTimes = curve.getTimesWithTangent(tangent);
- for (var j = 0, m = curveTimes.length; j < m; j++) {
- var offset = curveStart + curve.getOffsetAtTime(curveTimes[j]);
- if (offsets.indexOf(offset) < 0) {
- offsets.push(offset);
- }
- }
- curveStart += curve.length;
- }
- return offsets;
- }
- }),
- 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, true);
- 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++) {
- Base.push(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];
- Base.push(segments, path._segments);
- Base.push(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 = null;
- if (operator.subtract && path2) {
- var pathWinding = operand === path1
- ? path2._getWinding(pt, dir, true)
- : path1._getWinding(pt, dir, true);
- if (operand === path1 && pathWinding.winding ||
- operand === path2 && !pathWinding.winding) {
- if (pathWinding.quality < 1) {
- continue;
- } else {
- wind = { winding: 0, quality: 1 };
- }
- }
- }
- wind = wind || getWinding(pt, curves, dir, true);
- 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) {
- Base.push(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 || segment1, 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(521);
- },
- 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 = {},
- namedColors = {
- transparent: [0, 0, 0, 0]
- },
- colorCtx;
- function fromCSS(string) {
- var match = string.match(
- /^#([\da-f]{2})([\da-f]{2})([\da-f]{2})([\da-f]{2})?$/i
- ) || string.match(
- /^#([\da-f])([\da-f])([\da-f])([\da-f])?$/i
- ),
- type = 'rgb',
- components;
- if (match) {
- var amount = match[4] ? 4 : 3;
- components = new Array(amount);
- for (var i = 0; i < amount; i++) {
- var value = match[i + 1];
- components[i] = parseInt(value.length == 1
- ? value + value : value, 16) / 255;
- }
- } else if (match = string.match(/^(rgb|hsl)a?\((.*)\)$/)) {
- type = match[1];
- components = match[2].split(/[,\s]+/g);
- var isHSL = type === 'hsl';
- for (var i = 0, l = Math.min(components.length, 4); i < l; i++) {
- var component = components[i];
- var value = parseFloat(component);
- if (isHSL) {
- if (i === 0) {
- var unit = component.match(/([a-z]*)$/)[1];
- value *= ({
- turn: 360,
- rad: 180 / Math.PI,
- grad: 0.9
- }[unit] || 1);
- } else if (i < 3) {
- value /= 100;
- }
- } else if (i < 3) {
- value /= 255;
- }
- components[i] = value;
- }
- } else {
- var color = namedColors[string];
- if (!color) {
- if (window) {
- 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;
- color = namedColors[string] = [
- data[0] / 255,
- data[1] / 255,
- data[2] / 255
- ];
- } else {
- color = [0, 0, 0];
- }
- }
- components = color.slice();
- }
- return [type, 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] = type === 'gradient'
- ? 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;
- }
- : 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') {
- var converted = fromCSS(arg);
- type = converted[0];
- components = converted[1];
- 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(129);
- },
- _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(129);
- },
- 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: 193,
- strokeCap: 193,
- strokeJoin: 193,
- strokeScaling: 201,
- miterLimit: 193,
- 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,
- applyToChildren = children && children.length > 0
- && !(owner instanceof CompoundPath);
- if (applyToChildren) {
- for (var i = 0, l = children.length; i < l; i++)
- children[i]._style[set](value);
- }
- if ((key === 'selectedColor' || !applyToChildren)
- && key in this._defaults) {
- var old = this._values[key];
- if (old !== value) {
- if (isColor) {
- if (old && old._owner !== undefined) {
- old._owner = undefined;
- old._canvasStyle = null;
- }
- if (value && value.constructor === Color) {
- if (value._owner)
- value = value.clone();
- value._owner = owner;
- }
- }
- this._values[key] = value;
- if (owner)
- owner._changed(flag || 129);
- }
- }
- };
- 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;
- },
- _dispose: function() {
- var color;
- color = this.getFillColor();
- if (color) color._canvasStyle = null;
- color = this.getStrokeColor();
- if (color) color._canvasStyle = null;
- color = this.getShadowColor();
- if (color) color._canvasStyle = null;
- },
- 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++) {
- var name = parts[i];
- var options = (
- el === document
- && (name === 'touchstart' || name === 'touchmove')
- ) ? { passive: false } : false;
- el.addEventListener(name, func, options);
- }
- }
- }
- },
- 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(4097);
- 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 scaling = this._decompose().scaling;
- return (scaling.x + scaling.y) / 2;
- },
- setZoom: function(zoom) {
- this.transform(new Matrix().scale(zoom / this.getZoom(),
- this.getCenter()));
- },
- getRotation: function() {
- return this._decompose().rotation;
- },
- setRotation: function(rotation) {
- var current = this.getRotation();
- if (current != null && rotation != null) {
- this.rotate(rotation - current);
- }
- },
- getScaling: function() {
- var scaling = this._decompose().scaling;
- return new LinkedPoint(scaling.x, scaling.y, this, 'setScaling');
- },
- 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 === 'mousedrag' ?
- 'mousemove' : 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 (
- event.cancelable !== false
- && (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,
- _resetState: function() {
- dragging = mouseDown = called = wasInView = false;
- prevFocus = tempFocus = overView = downPoint = lastPoint =
- downItem = overItem = dragItem = clickItem = clickTime =
- dblClick = null;
- }
- }
- };
- });
- 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 >= 0 && 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 Tween = Base.extend(Emitter, {
- _class: 'Tween',
- statics: {
- easings: {
- linear: function(t) {
- return t;
- },
- easeInQuad: function(t) {
- return t * t;
- },
- easeOutQuad: function(t) {
- return t * (2 - t);
- },
- easeInOutQuad: function(t) {
- return t < 0.5
- ? 2 * t * t
- : -1 + 2 * (2 - t) * t;
- },
- easeInCubic: function(t) {
- return t * t * t;
- },
- easeOutCubic: function(t) {
- return --t * t * t + 1;
- },
- easeInOutCubic: function(t) {
- return t < 0.5
- ? 4 * t * t * t
- : (t - 1) * (2 * t - 2) * (2 * t - 2) + 1;
- },
- easeInQuart: function(t) {
- return t * t * t * t;
- },
- easeOutQuart: function(t) {
- return 1 - (--t) * t * t * t;
- },
- easeInOutQuart: function(t) {
- return t < 0.5
- ? 8 * t * t * t * t
- : 1 - 8 * (--t) * t * t * t;
- },
- easeInQuint: function(t) {
- return t * t * t * t * t;
- },
- easeOutQuint: function(t) {
- return 1 + --t * t * t * t * t;
- },
- easeInOutQuint: function(t) {
- return t < 0.5
- ? 16 * t * t * t * t * t
- : 1 + 16 * (--t) * t * t * t * t;
- }
- }
- },
- initialize: function Tween(object, from, to, duration, easing, start) {
- this.object = object;
- var type = typeof easing;
- var isFunction = type === 'function';
- this.type = isFunction
- ? type
- : type === 'string'
- ? easing
- : 'linear';
- this.easing = isFunction ? easing : Tween.easings[this.type];
- this.duration = duration;
- this.running = false;
- this._then = null;
- this._startTime = null;
- var state = from || to;
- this._keys = state ? Object.keys(state) : [];
- this._parsedKeys = this._parseKeys(this._keys);
- this._from = state && this._getState(from);
- this._to = state && this._getState(to);
- if (start !== false) {
- this.start();
- }
- },
- then: function(then) {
- this._then = then;
- return this;
- },
- start: function() {
- this._startTime = null;
- this.running = true;
- return this;
- },
- stop: function() {
- this.running = false;
- return this;
- },
- update: function(progress) {
- if (this.running) {
- if (progress > 1) {
- progress = 1;
- this.running = false;
- }
- var factor = this.easing(progress),
- keys = this._keys,
- getValue = function(value) {
- return typeof value === 'function'
- ? value(factor, progress)
- : value;
- };
- for (var i = 0, l = keys && keys.length; i < l; i++) {
- var key = keys[i],
- from = getValue(this._from[key]),
- to = getValue(this._to[key]),
- value = (from && to && from.__add && to.__add)
- ? to.__subtract(from).__multiply(factor).__add(from)
- : ((to - from) * factor) + from;
- this._setProperty(this._parsedKeys[key], value);
- }
- if (!this.running && this._then) {
- this._then(this.object);
- }
- if (this.responds('update')) {
- this.emit('update', new Base({
- progress: progress,
- factor: factor
- }));
- }
- }
- return this;
- },
- _events: {
- onUpdate: {}
- },
- _handleFrame: function(time) {
- var startTime = this._startTime,
- progress = startTime
- ? (time - startTime) / this.duration
- : 0;
- if (!startTime) {
- this._startTime = time;
- }
- this.update(progress);
- },
- _getState: function(state) {
- var keys = this._keys,
- result = {};
- for (var i = 0, l = keys.length; i < l; i++) {
- var key = keys[i],
- path = this._parsedKeys[key],
- current = this._getProperty(path),
- value;
- if (state) {
- var resolved = this._resolveValue(current, state[key]);
- this._setProperty(path, resolved);
- value = this._getProperty(path);
- value = value && value.clone ? value.clone() : value;
- this._setProperty(path, current);
- } else {
- value = current && current.clone ? current.clone() : current;
- }
- result[key] = value;
- }
- return result;
- },
- _resolveValue: function(current, value) {
- if (value) {
- if (Array.isArray(value) && value.length === 2) {
- var operator = value[0];
- return (
- operator &&
- operator.match &&
- operator.match(/^[+\-*/]=/)
- )
- ? this._calculate(current, operator[0], value[1])
- : value;
- } else if (typeof value === 'string') {
- var match = value.match(/^[+\-*/]=(.*)/);
- if (match) {
- var parsed = JSON.parse(match[1].replace(
- /(['"])?([a-zA-Z0-9_]+)(['"])?:/g,
- '"$2": '
- ));
- return this._calculate(current, value[0], parsed);
- }
- }
- }
- return value;
- },
- _calculate: function(left, operator, right) {
- return paper.PaperScript.calculateBinary(left, operator, right);
- },
- _parseKeys: function(keys) {
- var parsed = {};
- for (var i = 0, l = keys.length; i < l; i++) {
- var key = keys[i],
- path = key
- .replace(/\.([^.]*)/g, '/$1')
- .replace(/\[['"]?([^'"\]]*)['"]?\]/g, '/$1');
- parsed[key] = path.split('/');
- }
- return parsed;
- },
- _getProperty: function(path, offset) {
- var obj = this.object;
- for (var i = 0, l = path.length - (offset || 0); i < l && obj; i++) {
- obj = obj[path[i]];
- }
- return obj;
- },
- _setProperty: function(path, value) {
- var dest = this._getProperty(path, 1);
- if (dest) {
- dest[path[path.length - 1]] = value;
- }
- }
- });
- 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 = getPoint(node).add(size.divide(2));
- this._matrix.append(new Matrix().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] || 0, v[2] || 0);
- break;
- case 'translate':
- matrix.translate(v[0], v[1] || 0);
- 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 && node.style) {
- 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) {
- 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;
- case 'ExportDefaultDeclaration':
- replaceCode({
- range: [node.start, node.declaration.start]
- }, 'module.exports = ');
- break;
- case 'ExportNamedDeclaration':
- var declaration = node.declaration;
- var specifiers = node.specifiers;
- if (declaration) {
- var declarations = declaration.declarations;
- if (declarations) {
- declarations.forEach(function(dec) {
- replaceCode(dec, 'module.exports.' + getCode(dec));
- });
- replaceCode({
- range: [
- node.start,
- declaration.start + declaration.kind.length
- ]
- }, '');
- }
- } else if (specifiers) {
- var exports = specifiers.map(function(specifier) {
- var name = getCode(specifier);
- return 'module.exports.' + name + ' = ' + name + '; ';
- }).join('');
- if (exports) {
- replaceCode(node, exports);
- }
- }
- 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,
- sourceType: 'module'
- }));
- 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);
- code = 'var module = { exports: {} }; ' + code;
- var exports = Base.each(handlers, function(key) {
- if (new RegExp('\\s+' + key + '\\b').test(code)) {
- params.push(key);
- this.push('module.exports.' + key + ' = ' + key + ';');
- }
- }, []).join('\n');
- if (exports) {
- code += '\n' + exports;
- }
- code += '\nreturn module.exports;';
- 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(
- 'document.__paperscript__ = function(' + params + ') {' +
- code +
- '\n}'
- ));
- head.appendChild(script);
- func = document.__paperscript__;
- delete document.__paperscript__;
- head.removeChild(script);
- } else {
- func = Function(params, code);
- }
- var exports = func && func.apply(scope, args);
- var obj = exports || {};
- Base.each(toolHandlers, function(key) {
- var value = obj[key];
- if (value)
- tool[key] = value;
- });
- if (view) {
- if (obj.onResize)
- view.setOnResize(obj.onResize);
- view.emit('resize', {
- size: view.size,
- delta: new Point()
- });
- if (obj.onFrame)
- view.setOnFrame(obj.onFrame);
- view.requestUpdate();
- }
- return exports;
- }
- 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,
- calculateBinary: __$__,
- calculateUnary: $__
- };
- }.call(this);
- var 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);
|