capsulated to directive

src/app/canvas/canvas.directive.spec.ts

@@ -0,0 +1,8 @@
+import { CanvasDirective } from './canvas.directive';
+
+describe('CanvasDirective', () => {
+  it('should create an instance', () => {
+    const directive = new CanvasDirective();
+    expect(directive).toBeTruthy();
+  });
+});

src/app/canvas/canvas.directive.ts

@@ -0,0 +1,10 @@
+import { Directive } from '@angular/core';
+
+@Directive({
+  selector: '[appCanvas]'
+})
+export class CanvasDirective {
+
+  constructor() { }
+
+}