SVGPathElement
Baseline
åºãå©ç¨å¯è½
*
ãã®æ©è½ã¯åºãå®è£ ããã¦ãããå¤ãã®ãã¼ã¸ã§ã³ã®ç«¯æ«ããã©ã¦ã¶ã¼ã§åä½ãã¾ãã2015å¹´7æä»¥éããã¹ã¦ã®ãã©ã¦ã¶ã¼ã§å©ç¨å¯è½ã§ãã
* ãã®æ©è½ã®ä¸é¨ã¯ã対å¿ã¬ãã«ãç°ãªãå ´åãããã¾ãã
SVGPathElement ã¤ã³ã¿ã¼ãã§ã¤ã¹ã¯ <path> è¦ç´ ã«å¯¾å¿ãã¾ãã
ã¡ã¢:
SVG 2 ã§ã¯ã getPathSegAtLength() ããã³ createSVGPathSeg* ã¡ã½ãããåé¤ãããpathLength ããããã£ã¨ getTotalLength() ããã³ getPointAtLength() ã¡ã½ããã SVGGeometryElement ã¸ç§»åããã¾ããã
ã¤ã³ã¹ã¿ã³ã¹ããããã£
ãã®ã¤ã³ã¿ã¼ãã§ã¤ã¹ã«ã¯ã親ã§ãã SVGGeometryElement ããç¶æ¿ããããããã£ãããã¾ãã
SVGPathElement.pathLengthèªåå°ç¨-
ãã®ããããã£ã¯
pathLength屿§ãåæ ãã¾ãã
ã¤ã³ã¹ã¿ã³ã¹ã¡ã½ãã
ãã®ã¤ã³ã¿ã¼ãã§ã¤ã¹ã«ã¯ã親ã§ãã SVGGeometryElement ããç¶æ¿ããã¡ã½ãããããã¾ãã
SVGPathElement.getPathData()-
ãã¹ãã¼ã¿ã«å¯¾å¿ãããã¹åºéã®ä¸¦ã³ãè¿ãã¾ãããªãã·ã§ã³ã§å¤ã¨åºéåãæ£è¦åãã¾ãã
SVGPathElement.getPointAtLength()-
ãã¹ä¸ã®æå®ãããä½ç½®ã«ããç¹ãè¿ãã¾ãã
SVGPathElement.getTotalLength()-
ã¦ã¼ã¶ã¼ã¨ã¼ã¸ã§ã³ããè¨ç®ãããã¹ã®å ¨é·ããã¦ã¼ã¶ã¼åä½ã§è¿ãã¾ãã
SVGPathElement.setPathData()-
ãã¹åºéã®ä¸¦ã³ãæ°ãããã¹ãã¼ã¿ã¨ãã¦è¨å®ãã¾ãã
SVGPathElement.getPathSegmentAtLength()-
ãã¹ä¸ã®æå®ãããä½ç½®ã«ããåºéãè¿ãã¾ãã
鿍奍ã®ã¡ã½ãã
SVGPathElement.getPathSegAtLength()-
ã¦ã¼ã¶ã¼ã¨ã¼ã¸ã§ã³ãã® distance-along-a-path ã¢ã«ã´ãªãºã ãç¨ãã¦ã
pathSegListå ã®ã¤ã³ããã¯ã¹ã表ã符å·ãªãé·æ´æ°ãè¿ãã¾ãã SVGPathElement.createSVGPathSegClosePath()-
ç¬ç«ããã親ã®ãªã
SVGPathSegClosePathãªãã¸ã§ã¯ããè¿ãã¾ãã SVGPathElement.createSVGPathSegMovetoAbs()-
ç¬ç«ããã親ã®ãªã
SVGPathSegMovetoAbsãªãã¸ã§ã¯ããè¿ãã¾ãã SVGPathElement.createSVGPathSegMovetoRel()-
ç¬ç«ããã親ã®ãªã
SVGPathSegMovetoRelãªãã¸ã§ã¯ããè¿ãã¾ãã SVGPathElement.createSVGPathSegLinetoAbs()-
ç¬ç«ããã親ã®ãªã
SVGPathSegLinetoAbsãªãã¸ã§ã¯ããè¿ãã¾ãã SVGPathElement.createSVGPathSegLinetoRel()-
ç¬ç«ããã親ã®ãªã
SVGPathSegLinetoRelãªãã¸ã§ã¯ããè¿ãã¾ãã SVGPathElement.createSVGPathSegCurvetoCubicAbs()-
ç¬ç«ããã親ã®ãªã
SVGPathSegCurvetoCubicAbsãªãã¸ã§ã¯ããè¿ãã¾ãã SVGPathElement.createSVGPathSegCurvetoCubicRel()-
ç¬ç«ããã親ã®ãªã
SVGPathSegCurvetoCubicRelãªãã¸ã§ã¯ããè¿ãã¾ãã SVGPathElement.createSVGPathSegCurvetoQuadraticAbs()-
ç¬ç«ããã親ã®ãªã
SVGPathSegCurvetoQuadraticAbsãªãã¸ã§ã¯ããè¿ãã¾ãã SVGPathElement.createSVGPathSegCurvetoQuadraticRel()-
ç¬ç«ããã親ã®ãªã
SVGPathSegCurvetoQuadraticRelãªãã¸ã§ã¯ããè¿ãã¾ãã SVGPathElement.createSVGPathSegArcAbs()-
ç¬ç«ããã親ã®ãªã
SVGPathSegArcAbsãªãã¸ã§ã¯ããè¿ãã¾ãã SVGPathElement.createSVGPathSegArcRel()-
ç¬ç«ããã親ã®ãªã
SVGPathSegArcRelãªãã¸ã§ã¯ããè¿ãã¾ãã SVGPathElement.createSVGPathSegLinetoHorizontalAbs()-
ç¬ç«ããã親ã®ãªã
SVGPathSegLinetoHorizontalAbsãªãã¸ã§ã¯ããè¿ãã¾ãã SVGPathElement.createSVGPathSegLinetoHorizontalRel()-
ç¬ç«ããã親ã®ãªã
SVGPathSegLinetoHorizontalRelãªãã¸ã§ã¯ããè¿ãã¾ãã SVGPathElement.createSVGPathSegLinetoVerticalAbs()-
ç¬ç«ããã親ã®ãªã
SVGPathSegLinetoVerticalAbsãªãã¸ã§ã¯ããè¿ãã¾ãã SVGPathElement.createSVGPathSegLinetoVerticalRel()-
ç¬ç«ããã親ã®ãªã
SVGPathSegLinetoVerticalRelãªãã¸ã§ã¯ããè¿ãã¾ãã SVGPathElement.createSVGPathSegCurvetoCubicSmoothAbs()-
ç¬ç«ããã親ã®ãªã
SVGPathSegCurvetoCubicSmoothAbsãªãã¸ã§ã¯ããè¿ãã¾ãã SVGPathElement.createSVGPathSegCurvetoCubicSmoothRel()-
ç¬ç«ããã親ã®ãªã
SVGPathSegCurvetoCubicSmoothRelãªãã¸ã§ã¯ããè¿ãã¾ãã SVGPathElement.createSVGPathSegCurvetoQuadraticSmoothAbs()-
ç¬ç«ããã親ã®ãªã
SVGPathSegCurvetoQuadraticSmoothAbsãªãã¸ã§ã¯ããè¿ãã¾ãã SVGPathElement.createSVGPathSegCurvetoQuadraticSmoothRel()-
ç¬ç«ããã親ã®ãªã
SVGPathSegCurvetoQuadraticSmoothRelãªãã¸ã§ã¯ããè¿ãã¾ãã
仿§æ¸
| 仿§æ¸ |
|---|
| Scalable Vector Graphics (SVG) 2 > # InterfaceSVGPathElement > |
ãã©ã¦ã¶ã¼ã®äºææ§
é¢é£æ å ±
<path>SVG è¦ç´