是否可以将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>