内部機構解説
提供: svg2wiki
(版間での差分)
(→概略構成図) |
|||
| 2行: | 2行: | ||
=概略構成図= | =概略構成図= | ||
| − | [[File:SVGMapLv0.1_conf.png| | + | [[File:SVGMapLv0.1_conf.png|600px]] |
=フレームワークの主な関数とそのカテゴリ= | =フレームワークの主な関数とそのカテゴリ= | ||
2017年1月13日 (金) 07:06時点における版
第二章で指摘されているとおり、SVGMap Level0.1のアーキテクチャの特徴は、ブラウザネイティブのSVGレンダラーを使用せず、HTML,CSS,HTMLCanvas2DAPIを用いてSVGMapが実装されている点です。このページではその内部機構に関する説明を行いたいと思います。
目次 |
概略構成図
フレームワークの主な関数とそのカテゴリ
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
