Arrow is now movable around the canvas

-Arrow method is changed to take coordinates and an angle
-Arrow will now be drawn around the coordinate

#story [14]

src/main/java/seng302/Controllers/RaceController.java

@@ -1,5 +1,6 @@
 package seng302.Controllers;
 
+
 import javafx.fxml.FXML;
 import javafx.scene.canvas.Canvas;
 import javafx.scene.canvas.GraphicsContext;
@@ -47,14 +48,15 @@ public class RaceController extends Controller{
         gc.fillOval(graphCoordinate.getX(), graphCoordinate.getY(), 10, 10);
     }
 
-    public void displayArrow(GraphCoordinate coordinate, Paint paint){
-        rotate(10, 30,30);
-        gc.fillPolygon(new double[]{0, 6, 12, 8, 8, 4, 4},
-        new double[]{15, 0, 15, 15, 40, 40, 15},
+    public void displayArrow(GraphCoordinate coordinate, int angle){
+        rotate(angle, coordinate.getX(),coordinate.getY());
+        gc.fillPolygon(new double[]{coordinate.getX()-12, coordinate.getX()-6, coordinate.getX(), coordinate.getX()-4, coordinate.getX()-4, coordinate.getX()-8, coordinate.getX()-8},
+        new double[]{coordinate.getY()-5, coordinate.getY()-20, coordinate.getY()-5, coordinate.getY()-5, coordinate.getY()+20, coordinate.getY()+20, coordinate.getY()-5},
         7);
         gc.restore();
     }
 
+
     private void rotate(double angle, double px, double py) {
         Rotate r = new Rotate(angle, px, py);
         gc.setTransform(r.getMxx(), r.getMyx(), r.getMxy(), r.getMyy(), r.getTx(), r.getTy());
@@ -65,6 +67,7 @@ public class RaceController extends Controller{
         raceMap.widthProperty().bind(canvasBase.widthProperty());
         raceMap.heightProperty().bind(canvasBase.heightProperty());*/
         this.gc = raceMap.getGraphicsContext2D();
+
         this.map = new RaceMap(32.321989, -64.8553, 32.246, -64.831, (int)raceMap.getWidth(), (int)raceMap.getHeight());
         //boat
         GraphCoordinate boat1coord = this.map.convertGPS(32.296577, -64.854304);
@@ -89,7 +92,13 @@ public class RaceController extends Controller{
         GraphCoordinate startline2 = this.map.convertGPS(32.293771, -64.855242);
         displayLine(startline1, startline2, Color.GREEN);
 
+        //display wind direction arrow - specify origin point and angle
         displayPoint(this.map.convertGPS(32.293771, -64.855242), Color.BLACK);
-        displayArrow(new GraphCoordinate(100, 100), Color.BLUEVIOLET);
+        displayArrow(new GraphCoordinate(500, 20), 100);
+
+
+
     }
+
+
 }

src/main/resources/scenes/racepane.fxml

@@ -11,7 +11,7 @@
         <items>
           <AnchorPane fx:id="canvasBase" minHeight="0.0" minWidth="0.0">
                <children>
-                  <Canvas fx:id="raceMap" height="600.0" width="600.0" />
+                  <Canvas fx:id="raceMap" height="600.0" width="600.0" AnchorPane.bottomAnchor="-202.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="-155.0" AnchorPane.topAnchor="0.0" />
                </children>
             </AnchorPane>
           <AnchorPane minHeight="0.0" minWidth="0.0" prefHeight="160.0" prefWidth="100.0">