使用高图表渲染器在图像上设置圆角

Setting rounded corners on an image using Highcharts Renderer

本文关键字：图像 设置 圆角 高图表      更新时间：2023-09-26

我正在使用Highcharts js库，并使用Highcharts Renderer方法在画布上渲染用户的头像。我需要用圆角而不是正方形渲染头像，不幸的是我是通过 Gravatar 获得头像的，因此无法事先修改图像。

我

的问题与此类似，只是我无法弄清楚如何使用Highcharts API实现它。

var xpos = chart.chartWidth/2;
var ypos = chart.plotTop + chart.plotSizeY/2;
chart.renderer.image('http://www.gravatar.com/avatar/2ce72b95b9ed68d79a99d717b58ec64c?s=70', xpos-35, ypos-35, 70, 70).add();

Sebastian Bochan回答：

请参阅类似主题 为 svg：图像设置圆角

相关文章：