JavaFX Shape (scene)

ARC 弧

view plainprint?

1. import javafx.scene.shape.*;  
2.   
3. var arc  = ARC {  
4.               centerX: 30  
5.               centerY: 50  
6.               radiusX: 25,  
7.               radiusY: 25,  
8.               startAngle: 45  
9.               length: 270  
10.               type: ArcType.ROUND  
11.               stroke: Color.DARKSLATEGRAY  
12.               fill: null  
13.            };  

import javafx.scene.shape.*;

var arc  = ARC {
              centerX: 30
              centerY: 50
              radiusX: 25,
              radiusY: 25,
              startAngle: 45
              length: 270
              type: ArcType.ROUND
              stroke: Color.DARKSLATEGRAY
              fill: null
           };

Path 経路

view plainprint?

1. var path = Path {  
2.               stroke: Color.DARKSLATEGRAY  
3.               elements: [  
4.                  MoveTo {  
5.                     x: 100  
6.                     y: 30   
7.                  },  
8.                  ArcTo {  
9.                     x: 150  
10.                     y: 50  
11.                     radiusX: 40  
12.                     radiusY: 20  
13.                  },  
14.                  LineTo{  
15.                     x: 100  
16.                     y: 30  
17.                  }  
18.               ]  
19.            };  

var path = Path {
              stroke: Color.DARKSLATEGRAY
              elements: [
                 MoveTo {
                    x: 100
                    y: 30 
                 },
                 ArcTo {
                    x: 150
                    y: 50
                    radiusX: 40
                    radiusY: 20
                 },
                 LineTo{
                    x: 100
                    y: 30
                 }
              ]
           };

Circle 円

view plainprint?

1. var circle = Circle {  
2.               centerX: 0  
3.               centerY: 50  
4.               radius: 20  
5.               stroke: Color.DARKSLATEGRAY  
6.               fill: null  
7.            };  

var circle = Circle {
              centerX: 0
              centerY: 50
              radius: 20
              stroke: Color.DARKSLATEGRAY
              fill: null
           };

Cubic Curve Cubic曲線

view plainprint?

1. var cubiccurve = CubicCurve {  
2.               startX: 80  
3.               startY: 50  
4.               controlX1: 105  
5.               controlY1: 0  
6.               controlX2: 155  
7.               controlY2: 100  
8.               endX: 200  
9.               endY: 50  
10.               stroke: Color.DARKSLATEGRAY  
11.               fill: null  
12.            };  

var cubiccurve = CubicCurve {
              startX: 80
              startY: 50
              controlX1: 105
              controlY1: 0
              controlX2: 155
              controlY2: 100
              endX: 200
              endY: 50
              stroke: Color.DARKSLATEGRAY
              fill: null
           };

Ellipse 楕円

view plainprint?

1. var ellipse = Ellipse {  
2.               centerX: 140  
3.               centerY: 50  
4.               radiusX: 50  
5.               radiusY: 25  
6.               stroke: Color.DARKSLATEGRAY  
7.               fill: null  
8.            };  

var ellipse = Ellipse {
              centerX: 140
              centerY: 50
              radiusX: 50
              radiusY: 25
              stroke: Color.DARKSLATEGRAY
              fill: null
           };

Line 直線

view plainprint?

1. var line = Line {  
2.               startX: 100  
3.               startY: 30  
4.               endX: 140  
5.               endY: 70  
6.               stroke: Color.DARKSLATEGRAY  
7.            };  

var line = Line {
              startX: 100
              startY: 30
              endX: 140
              endY: 70
              stroke: Color.DARKSLATEGRAY
           };

Polygon 多角形

view plainprint?

1. var polygon = Polygon {  
2.               fill: null  
3.               stroke: Color.DARKSLATEGRAY  
4.               points: [  
5.                  20.0,30.0,   
6.                  80.0,50.0,  
7.                  70.0,70.0  
8.               ]  
9.            };  

var polygon = Polygon {
              fill: null
              stroke: Color.DARKSLATEGRAY
              points: [
                 20.0,30.0, 
                 80.0,50.0,
                 70.0,70.0
              ]
           };

Polyline 折れ曲がり直線

view plainprint?

1. var polyline = Polyline {   
2.               fill: null  
3.               stroke: Color.DARKSLATEGRAY  
4.               points: [  
5.                  50.0,30.0,   
6.                  70.0,40.0,  
7.                  60.0, 60.0,   
8.                  90.0, 50.0  
9.               ]  
10.            };  

var polyline = Polyline { 
              fill: null
              stroke: Color.DARKSLATEGRAY
              points: [
                 50.0,30.0, 
                 70.0,40.0,
                 60.0, 60.0, 
                 90.0, 50.0
              ]
           };

QuadCurve Quad曲線

view plainprint?

1. var quadcurve = QuadCurve {  
2.               fill: null  
3.               startX: 80.0  
4.               startY: 50.0  
5.               endX: 120.0  
6.               endY: 50.0  
7.               controlX: 110.0  
8.               controlY: 15.0  
9.               stroke: Color.DARKSLATEGRAY  
10.            };  

var quadcurve = QuadCurve {
              fill: null
              startX: 80.0
              startY: 50.0
              endX: 120.0
              endY: 50.0
              controlX: 110.0
              controlY: 15.0
              stroke: Color.DARKSLATEGRAY
           };

Rectangle 四角

view plainprint?

1. var rectangle = Rectangle {  
2.               fill: null  
3.               x: 110  
4.               y: 20  
5.               width: 100  
6.               height: 50  
7.               arcWidth: 20  
8.               arcHeight: 20  
9.               stroke: Color.DARKSLATEGRAY  
10.            };  

var rectangle = Rectangle {
              fill: null
              x: 110
              y: 20
              width: 100
              height: 50
              arcWidth: 20
              arcHeight: 20
              stroke: Color.DARKSLATEGRAY
           };

SVGPath

view plainprint?

1. var svgpath = SVGPath {  
2.               content:"M20,30 L40,50 L60,30 L80,55 L100,30"  
3.               fill: null  
4.               stroke: Color.DARKSLATEGRAY  
5.               translateX: 110  
6.            };  

var svgpath = SVGPath {
              content:"M20,30 L40,50 L60,30 L80,55 L100,30"
              fill: null
              stroke: Color.DARKSLATEGRAY
              translateX: 110
           };