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

Popular posts from this blog

sequelize.js - Sequelize group by with association includes id -

android - Robolectric "INTERNET permission is required" -

java - Android raising EPERM (Operation not permitted) when attempting to send UDP packet after network connection -