是否可以将CSS动画(在我的情况下为发光效果)应用于用javascript在画布上绘制的圆上?
我正在使用以下angularjs指令:https : //github.com/angular-directives/angular-round-progress- directive/blob/master/angular-round-progress- directive.js
我将其用作计数器,并且希望它每秒发光一次(已经获得了动画的CSS代码。
那可能吗?另一个想法是使画布本身呈圆形,并将发光效果应用于画布。
您不能将CSS应用于画布中绘制的元素,因为它们在DOM上不存在。就像它们是位图图像一样。
不过,您可以使用SVG圆,这将允许您使用CSS 设置圆的样式并使用动画:
<svg height="100" width="100"> <circle cx="50" cy="50" r="40" stroke="black" stroke-width="3" fill="red" /> </svg>