Merge pull request #51 from jasongitmail/patch-1

Update blueprint.md - Add Svelte usage for `ui-canvas`

Author: farfromrefug

packages/ui-canvas/blueprint.md

@@ -54,9 +54,30 @@ Vue.use(CanvasPlugin);
 <CanvasView  width="100" height="100" @draw="draw"/>
 ```
 
+## NativeScript + Svelte
+
+```ts
+// app/app.ts
+import { registerNativeViewElement } from 'svelte-native/dom';
+registerNativeViewElement('canvasView', () => require('@nativescript-community/ui-canvas').CanvasView);
+```
+
+```svelte
+<!-- app/components/Foo.svelte -->
+<stackLayout>
+    <canvasView width="300" height="300" on:draw={draw} />
+</stackLayout>
+```
+
 ## Draw Method 
-```typescript
+
+```ts
+import type { Canvas } from '@nativescript-community/ui-canvas';
+import { Paint, createRect } from '@nativescript-community/ui-canvas';
+import { Color } from '@nativescript/core';
+
 function draw(event: { canvas: Canvas }) {
+    const canvas = event.canvas;
     const paint = new Paint();
     paint.setColor(new Color('black'));
     paint.strokeWidth = 10;
@@ -78,4 +99,4 @@ function draw(event: { canvas: Canvas }) {
   - An example of animating a shape
 
 {{ load:../../tools/readme/demos-and-development.md }}
-{{ load:../../tools/readme/questions.md }}
+{{ load:../../tools/readme/questions.md }}