DRAW SVG free components
Scroll widget

The scroll widget is a complete standalone free component to be inserted into a svg document to give it scrolling functionalities (zoom in / out, pan, etc.).
The widget is movable, it can be resized and closed.
Supports touch devices.

To use it, proceed like this:

  • Download the widget  document
  • Ensure that your svg has an id
    <svg id="yourID" .. >
  • Copy all the g element
    <g id="svgscrl-widget">..</svg>
  • Put it at the end of your svg file,
    just before the closing tag </svg>
  • In the javascript instruction svgscrlwidget.init("svgID","en",false);
    replace "svgID" by your svg id "yourID".
BamakoNiameyOuagadougouLomeAccraAbidjanFreetownMonroviaManaguaSan JoseMaracaiboCaracasMedellinBogotaQuitoGuayaquilGeorgetownParamariboCayenneBelemSantiagoAsuncionBuenos AiresMontevideoPorto AlegreRio de JaneiroSao PauloBrasiliaSalvadorRecifeLa PazLimaFortalezaManausPanamaBelo HorizonteCuritibaRosarioSanta FeConakryPorto NovoEnuguIbadanLagosCaliIquitosArequipaCordobaBahia BlancaAdenMadrasMaduraiColomboHo Chi Minh CityPhnom PenhBangkokKuala LumpurSingaporeJakartaMelbournePerthBrisbaneWellingtonAucklandMalaboYaoundeLibrevilleBrazzavilleKinshasaBanguiKampalaNairobiDar es SalaamLuandaAddis AbabaLusakaHarareAntananarivoGaboroneMaputoPretoriaJohannesburgCape TownBangaloreSurabayaPort MoresbyAdelaideSydneyCanberraKanoN'DjamenaKisanganiLumumbashiWalvis BayPort ElizabethDurbanWindhoekBenguelaBeiraMogadishuMombasaChangchunFushunSapporoUlan BatorNovosibirskHarbinVladivostokIrkutskMagadanKhabarovskTunisNaplesAnkaraIstanbulAthensAlexandriaCairoJerusalemDamaskusBeirutYerevanTbilisiTashkentKabulIslamabadLahoreTeheranIsfahanBakuMuscatSanaaKarachiAhmadabadBombayHyderabadNew DelhiTripoliAdanaIzmirBaghdadAmmanRiyadhMeccaBasraDelhiSamarkandTabrizKhartoumAsmaraPort SudanAbu DhabiAskhadabadShirazMashhadQandaharJaipurAmritsarPalermoCalcuttaDhakaChittagongKathmanduLhasaKanpurRangoonVientianeHanoiGuangzhouVictoriaTaipeiFazhouShanghaiNanjingNanchangChangshaGuiyangChengduLanzhouXi'anZhengzhouJinanQingdaoTaiyuanBeijingPyongyangSeoulPusanAnshanHiroshimaManilaMandalayWuhanTianjinTokyoYokohamaNagoyaKyotoFukuokaOsakaPatnaVaranasiOsloLeningradMinskKievWarsawBerlinCopenhagenBelgradeOdessaMunichMilanChelyabinskSverdlovskGor'kiyKuybyshevMoscowKhar'kovDonetskAlma AtaBucharestSofiaViennaHamburgKazanVolgogradBudapestOmskRigaHelsinkiGdanskStockholmRomePragueTallinnVilniusLvovZagrebCracovFrankfurtGoteborgArkhangel`skMurmanskKaragandaAlgiersRabatCasablancaNouakchottDakarSanto DomingoLisbonOranSevillaSan JuanMonterreyHoustonDallasAtlantaSt. LouisKansas CityCincinnatiSan DiegoLos AngelesPhoenixGuadalajaraMexico CityGuatemalaTegucigalpaKingstonHavanaMemphisWashington D.C.MiamiSan FranciscoNew OrleansSacramentoSan AntonioTampicoOaxacaMeridaHonoluluLondonParisMarseilleBarcelonaMadridDublinGlasgowReykjavikKolnLyonBirminghamMontrealQuebecBostonNew YorkPhiladelphiaAmsterdamBordeauxEdinburghNantesOttawaDenverSalt Lake CityMinneapolisVancouverSeattlePortlandDetroitPittsburghClevelandEdmontonTorontoChicagoMilwaukeeBuffaloAnchorage Powered by drawsvgmessage task