ViewChildren在画布上

时间:2016-10-27 17:47:23

标签: javascript canvas typescript

我对观点儿童有一点疑问。我有点迷茫。所以我可以使用viewchild,但查看子项不起作用。

所以基本上是带有1个画布的viewchild:

在HTML中:

<canvas #mycan style="background:white; border: 1px solid black;" class='center'></canvas>

在TS中:

@ViewChild("mycan") myCanvas;
...
let canvas = this.myCanvas.nativeElement;
this.context = canvas.getContext("2d");

然而对于观看孩子我有点失落:

<ion-slide *ngFor="let card of cardList">
    <canvas #mycan style="background:white; border: 1px solid black;" class='center'></canvas>
</ion-slide>

在我的TS中:

@ViewChildren('mycan') canvas: QueryList<HTMLCanvasElement>;
...
for(var index in this.canvas){
let canvas = this.canvas[index].nativeElement;
var context = canvas.getContext("2d");

问题是canvas是null。

我也试过通过ElementRef更改HTMLCanvasElement但它不起作用:(

你有没有想法?

非常感谢!!! :)

祝你好运

Geoffrey MUSELLI

0 个答案:

没有答案