内部機構解説
提供: svg2wiki
(版間での差分)
| 1行: | 1行: | ||
| − | + | 第二章で指摘されているとおり、SVGMap Level0.1のアーキテクチャの特徴は、ブラウザネイティブのSVGレンダラーを使用せず、HTML,CSS,HTMLCanvas2DAPIを用いてSVGMapが実装されている点です。このページではその内部機構に関する説明を行いたいと思います。 | |
| − | =Zoom/Pan Controller:= | + | |
| + | =フレームワークの主な関数とそのカテゴリ= | ||
| + | |||
| + | ==Zoom/Pan Controller:== | ||
*startPan | *startPan | ||
*endPan | *endPan | ||
| 12行: | 15行: | ||
*refreshScreen | *refreshScreen | ||
| − | =SVG XHR getter, bitImg handler:= | + | ==SVG XHR getter, bitImg handler:== |
*loadSVG | *loadSVG | ||
*handleResult | *handleResult | ||
| 22行: | 25行: | ||
*checkLoadCompleted | *checkLoadCompleted | ||
| − | =dynamic content(js③) handler:= | + | ==dynamic content(js③) handler:== |
*handleResult | *handleResult | ||
*getScript | *getScript | ||
*handleScript | *handleScript | ||
| − | =svg Parser:= | + | ==svg Parser:== |
*parseSVG | *parseSVG | ||
*getSymbols | *getSymbols | ||
| 39行: | 42行: | ||
*setCanvasStyle | *setCanvasStyle | ||
| − | =BitImage and text Rederer:= | + | ==BitImage and text Rederer:== |
*setImgElement | *setImgElement | ||
*getSpanTextElement | *getSpanTextElement | ||
| 46行: | 49行: | ||
*setImgViewport | *setImgViewport | ||
| − | =svg vector graphics renderer for canvas:= | + | ==svg vector graphics renderer for canvas:== |
*setSVGrectPoints | *setSVGrectPoints | ||
*setSVGpolyPoints | *setSVGpolyPoints | ||
| 52行: | 55行: | ||
*setSVGpathPoints | *setSVGpathPoints | ||
| − | =svgimagesProps generator:= | + | ==svgimagesProps generator:== |
*getrootViewBoxFromRootSVG | *getrootViewBoxFromRootSVG | ||
*getRootSvg2Canvas | *getRootSvg2Canvas | ||
| 63行: | 66行: | ||
*getInverseMatrix | *getInverseMatrix | ||
| − | =UI controllers:= | + | ==UI controllers:== |
*initNavigationButtons | *initNavigationButtons | ||
*setPointerEvents | *setPointerEvents | ||
| 75行: | 78行: | ||
*setCookies | *setCookies | ||
| − | =Framework for Layer⑤:= | + | ==Framework for Layer⑤:== |
*getRootLayersProps | *getRootLayersProps | ||
*setRootLayersProps | *setRootLayersProps | ||
| 87行: | 90行: | ||
*getLayers | *getLayers | ||
| − | =SVGMap appss utils:= | + | ==SVGMap appss utils:== |
*linkedDocOp | *linkedDocOp | ||
*contColorSet | *contColorSet | ||
2017年1月13日 (金) 06:52時点における版
第二章で指摘されているとおり、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
