0

I am using the Highcharts js library and rendering my users' avatars on the canvas using the Highcharts Renderer methods. I need the avatars to be rendered with rounded corners rather than square, unfortunately I am obtaining the avatars through Gravatar, so it is not possible to modify the images beforehand.

My question is similar to this one, except that I haven't been able to figure out how to implement it using the 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();
Community
  • 1
  • 1
akrist
  • 351
  • 1
  • 5
  • See the similar topic http://stackoverflow.com/questions/7430580/setting-rounded-corners-for-svgimage – Sebastian Bochan Apr 03 '14 at 09:42
  • Thanks, I don't know how I missed that. I swear I spent ages looking before I posted a question. Exactly what I was looking for! – akrist Apr 07 '14 at 03:41

1 Answers1

0

Answered by Sebastian Bochan:

See the similar topic Setting rounded corners for svg:image

Community
  • 1
  • 1
akrist
  • 351
  • 1
  • 5