（四）Angular2 Canvas简单实现

一、非流畅实现

1.canvas.component.html

<button (click)="switchMark(1)">画笔</button>
<button (click)="switchMark(2)">矩形</button>
<button (click)="switchMark(3)">圆形</button>
<button (click)="switchMark(4)">文字</button>
<button (click)="switchMark(0)">撤销</button>
<input type="text" [(ngModel)]="text">
<canvas class="vp-canvas" #canvas1 width="470" height="300" style="border: 1px solid #ccc;">您的浏览器不支持画布！</canvas>

View Code