在绘制的Canvas Elements上应用CSS

前端之家收集整理的这篇文章主要介绍了在绘制的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>

猜你在找的CSS相关文章