一尘不染

在绘制的Canvas元素上应用CSS

angularjs

是否可以将CSS动画(在我的情况下为发光效果)应用于用javascript在画布上绘制的圆上?

我正在使用以下angularjs指令:https :
//github.com/angular-directives/angular-round-progress-
directive/blob/master/angular-round-progress-
directive.js

我将其用作计数器,并且希望它每秒发光一次(已经获得了动画的CSS代码。

那可能吗?另一个想法是使画布本身呈圆形,并将发光效果应用于画布。


阅读 321

收藏
2020-07-04

共1个答案

一尘不染

您不能将CSS应用于画布中绘制的元素,因为它们在DOM上不存在。就像它们是位图图像一样。

不过,您可以使用SVG圆,这将允许您使用CSS
设置圆的样式并使用动画:

<svg height="100" width="100">
    <circle cx="50" cy="50" r="40" stroke="black" stroke-width="3" fill="red" />
</svg>
2020-07-04