内部機構解説

提供: svg2wiki
(版間での差分)
移動: 案内, 検索
(概略構成図)
2行: 2行:
  
 
=概略構成図=
 
=概略構成図=
[[File:SVGMapLv0.1_conf.png|500px]]
+
[[File:SVGMapLv0.1_conf.png|600px]]
  
 
=フレームワークの主な関数とそのカテゴリ=
 
=フレームワークの主な関数とそのカテゴリ=

2017年1月13日 (金) 07:06時点における版

第二章で指摘されているとおり、SVGMap Level0.1のアーキテクチャの特徴は、ブラウザネイティブのSVGレンダラーを使用せず、HTML,CSS,HTMLCanvas2DAPIを用いてSVGMapが実装されている点です。このページではその内部機構に関する説明を行いたいと思います。

目次

概略構成図

SVGMapLv0.1 conf.png

フレームワークの主な関数とそのカテゴリ

Zoom/Pan Controller:

  • startPan
  • endPan
  • showPanning
  • panningAnim
  • zoom
  • smoothZoom
  • tempolaryZoomPanImages
  • setGeoCenter
  • refreshScreen

SVG XHR getter, bitImg handler:

  • loadSVG
  • handleResult
  • dynamicLoad
  • parseSVGwhenLoadCompleted
  • createXMLHttpRequest
  • handleLoadSuccess
  • requestRemoveTransition
  • checkLoadCompleted

dynamic content(js③) handler:

  • handleResult
  • getScript
  • handleScript

svg Parser:

  • parseSVG
  • getSymbols
  • getImgElement
  • getCrs
  • getViewBox
  • inZoomRange
  • getImageProps
  • getStyle
  • getStyleAttribute
  • setCanvasStyle

BitImage and text Rederer:

  • setImgElement
  • getSpanTextElement
  • screen2Geo
  • geo2Screen
  • setImgViewport

svg vector graphics renderer for canvas:

  • setSVGrectPoints
  • setSVGpolyPoints
  • setSVGcirclePoints
  • setSVGpathPoints

svgimagesProps generator:

  • getrootViewBoxFromRootSVG
  • getRootSvg2Canvas
  • getTransformedBox
  • Geo2SVG
  • SVG2Geo
  • getConversionMatrixViaGCS
  • transform
  • transformRect
  • getInverseMatrix

UI controllers:

  • initNavigationButtons
  • setPointerEvents
  • setCenterUI
  • initTicker
  • testPOIclick
  • initModal
  • isCollided
  • getObjectAtPoint
  • showPoiProperty
  • setCookies

Framework for Layer⑤:

  • getRootLayersProps
  • setRootLayersProps
  • getLayer
  • switchLayer
  • isEditingLayer
  • isEditableLayer
  • getEditableLayers
  • getSwLayers
  • checkLayerSwitch
  • getLayers

SVGMap appss utils:

  • linkedDocOp
  • contColorSet
  • editDOM
  • contColorSetOnce
  • contColorSetContinuous
  • contourMarker
個人用ツール
名前空間

変種
操作
案内
ツール
Translate