小编Lev*_*evi的帖子

我已将 multiTemplateDataRows 添加到我的 <mat-table multiTemplateDataRows>

并有以下几行：

<mat-header-row *matHeaderRowDef="data.displayedColumns"></mat-header-row>
<tr mat-row *matRowDef="let row; columns: data.displayedColumns;"></tr>
<tr mat-row *matRowDef="let row; columns: ['detail'];"></tr>

但我仍然收到错误“只有一个默认行没有 when 谓词函数。”

我正在尝试使用HTML画布和常规javascript将对象从A点平滑移动到B点.

A点是一组坐标

点B是光标位置的情况.

到目前为止,我做了一个jsfiddle:https://jsfiddle.net/as9fhmw8/

while(projectile.mouseX > projectile.x && projectile.mouseY < projectile.y)
    {
        ctx.save();
        ctx.beginPath();
        ctx.translate(projectile.x, projectile.y);
        ctx.arc(0,0,5,0,2*Math.PI);
        ctx.fillStyle = "blue";
        ctx.fill();
        ctx.stroke();
            ctx.restore();
        if(projectile.mouseX > projectile.x && projectile.mouseY < projectile.y)
        {
            var stepsize = (projectile.mouseX - projectile.x) / (projectile.y - projectile.mouseY);
            projectile.x += (stepsize + 1);
        }
        if(projectile.mouseY < projectile.y)
        {
            var stepsize = (projectile.y - projectile.mouseY) / (projectile.mouseX - projectile.x);
            projectile.y -= (stepsize + 1);
        }
    }

基本上我无法想到的是使while循环更慢(这样它看起来是动画的,而不是仅仅遍历每次迭代并显示结果).

我也无法弄清楚如何防止Arc重复,以便它创建一个永久的线,而不是似乎从a点移动到b点.