内部機構解説

提供: svg2wiki
(版間での差分)
移動: 案内, 検索
(Admin がページ「内部機構開設」を「内部機構解説」に、リダイレクトを残さずに移動しました: typo)
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
個人用ツール
名前空間

変種
操作
案内
ツール
Translate