javascript - Why blurry the SVG elements in Chrome using Panzoom? -
i using timmywil's panzoom (https://github.com/timmywil/jquery.panzoom) on svg elements, google geochart , month ago have noticed when zoom in; svg blurry. example, see demos:https://timmywil.github.io/jquery.panzoom/demo/ in firefox, ie, maxthon works well. using newest version of browsers.
anybody knows what's wrong or how solve this?
solved!: put "-webkit-backface-visibility: initial !important;" on svg elements style.
it looks chrome automatically rasterizng svg.
chrome have lots of 'hidden' features speed rendering time etc of many can tweak example below.
type chrome://flags in address bar , press enter.
enable gpu rasterization gpu rasterization msaa sample count number of raster threads lcd text antialiasing - enabled
you can check varous flags here
i've found this page particular useful:
Comments
Post a Comment