feat: shape circle

Author: farfromrefug

src/shapes/circle.ts

@@ -0,0 +1,15 @@
+import { PercentLength, Utils } from '@nativescript/core';
+import { Canvas } from '../canvas';
+import Rectangle from './rectangle';
+import { percentLengthProperty } from './shape';
+
+export default class Circle extends Rectangle {
+    drawOnCanvas(canvas: Canvas) {
+        const availableWidth = Utils.layout.toDevicePixels(canvas.getWidth());
+        const availableHeight = Utils.layout.toDevicePixels(canvas.getHeight());
+
+        canvas.drawCircle(Utils.layout.toDeviceIndependentPixels(PercentLength.toDevicePixels(this.left, 0, availableWidth)),
+            Utils.layout.toDeviceIndependentPixels(PercentLength.toDevicePixels(this.top, 0, availableHeight)), Utils.layout.toDeviceIndependentPixels(PercentLength.toDevicePixels(this.radius, 0, availableWidth)), this.paint);
+    }
+    @percentLengthProperty radius: PercentLength = 0;
+}

src/vue/index.ts

@@ -5,6 +5,7 @@ const Plugin = {
         Vue.registerElement('Arc', () => require('../shapes/arc').default, {});
         Vue.registerElement('Text', () => require('../shapes/text').default, {});
         Vue.registerElement('Line', () => require('../shapes/line').default, {});
+        Vue.registerElement('Circle', () => require('../shapes/circle').default, {});
     }
 };