在绘制的Canvas Elements上应用CSS

是否可以将CSS动画(在我的情况下是一个发光效果)应用于通过 javascript在画布上绘制的圆圈？

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

我用它作为计数器,我希望它每秒都发光(已经获得了动画的css代码).

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

解决方法

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

您可以使用SVG circle,这将允许您使用CSS并使用动画style the circle：

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