Blurry and offset pattern in print

highcharts / pattern-fill

MIT License

20 stars 23 forks source link

Blurry and offset pattern in print #20

Open matthiaskp opened 8 years ago

matthiaskp commented 8 years ago

Hey

First of all thanks for this plugin. Saved me a great deal of time.

I'm working on a project where we have very specific requirements on the print layout. Once entering the print dialogue - the pattern fill gets rendered really bad (see attached screenshot). Is there something I could do about this?

Thanks in advance M

kamilkulig commented 7 years ago

TorsteinHonsi commented 7 years ago

Printing to PDF looks bad too. It looks like the browser rasterizes the patterns. While the other parts of the chart are vectorized and razor sharp, the patterns are pixelated and blurry. Tested in Chrome.

nathancolgate commented 12 months ago

Experiencing this as well, and just want to confirm my test:

Visit the jsfiddle for pattern examples as referenced in the docs
Print the page (in my case: print to PDF)
See the rasterized SVG and lower quality image background on the pie chart and legend

screenshot 119

I had hoped to skirt around this by using images instead of SVG, but it looks like it affects images as well.

This appears to be a bug in Chrome and is probably outside the scope of HighCharts.