使用 Highcharts Renderer 在图像上设置圆角答案

【问题标题】：Setting rounded corners on an image using Highcharts Renderer使用 Highcharts Renderer 在图像上设置圆角
【发布时间】：2014-04-03 04:26:14
【问题描述】：

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

我的问题类似于this one，只是我无法弄清楚如何使用 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();

【问题讨论】：

见类似话题stackoverflow.com/questions/7430580/…
谢谢，我不知道我是怎么错过的。我发誓我在发布问题之前花了很长时间寻找。正是我想要的！
别担心，祝你好运。

标签： javascript svg highcharts

【解决方案1】：

Sebastian Bochan回复：

查看类似主题 Setting rounded corners for svg:image

【讨论】：