JavaFX 画图-直角坐标系

JavaFX 画图-直角坐标系

1.实际效果

    

2.分析

        

    1.    如图所绘制的直角坐标系是由三个主要部分组成的

            ①实心三角形，即坐标轴正方向

            ②坐标轴，即一条水平直线和竖直直线

            ③坐标原点（不用画出）

    2.    坐标系由三部分组成，而实际需要提供的参数只有两个：坐标原点的位置、坐标轴的长度。作图时根据给定的原点坐标[(centerX,centerY)]和坐标轴的长度(axisLength)，可以计算出水平轴的起点坐标[(xStartX，yStartY)]和终点坐标[( xEndX,xEndY )]、竖直轴的起点坐标[( yStartX，yStartY )]和终点坐标[( yEndX,yEndY )]。

            xStartX=centerX+axisLength/2

            xStartY=centerY

            xEndX=centerX-axisLength/2

            xEndY=centerY

            yStartX=centerX

            yStartY=centerY+axisLength/2

            yEndX=centerX

            yEndY= centerY-axisLength/2

    3.    给定两个确定参数的实心三角形，作为坐标轴的方向。

    4.    由给定的以上参数去自定义坐标轴的直线和坐标系的类。

3.准备工作及步骤

    1.    自定义DrawHLine类，用以绘制x轴。并初始化线段的参数，颜色。

    2.    自定义DrawVLine类，用以绘制y轴。并初始化线段的参数，颜色，使x，y的颜色一致。

    3.    自定义DrawAxis类，在类中定义四个私有属性，创建Getter方法。

         /**
* 坐标轴的方向
*/
private Polygon xAxisTip; 
private Polygon yAxisTip;