chartjs 雷达发光边缘效果

Question

我有一个使用 chart.js 的简单雷达图，我正在尝试获得类似于以下内容的美感：

（边缘发光）

为了模仿这种效果，我尝试使用 createRadialgradient 并用它填充数据 - 但在我的生活中找不到图表的中心点以创建类似发光的效果 - 经过思考同样，它不一定会将发光放在线条的边界上，而是放在图形的中心...

有人有什么想法吗？

Answer 1

我能够使用以下方法实现一些接近的目标：

                            let draw = Chart.controllers.radar.prototype.draw;
                            Chart.controllers.radar.prototype.draw = function() {
                              let chart = this.chart;
                              let ctx = chart.ctx;
                              let _stroke = ctx.stroke;
                              ctx.stroke = function() {
                                ctx.save();
                                ctx.shadowColor = 'rgba(3, 252, 240, 1)' //ctx.strokeStyle;
                                ctx.shadowBlur = 40;
                                ctx.shadowOffsetX = 0;
                                ctx.shadowOffsetY = 0;
                                _stroke.apply(this, arguments);
                                ctx.restore();
                              };
                              draw.apply(this, arguments);
                              ctx.stroke = _stroke;
                            }