SVG path(Raphael.sketchpad.js) not smooth in Chrome, but smooth in Firefox -


i have svg layer on image (png in background). svg is put above image z-index , given "pointer-events:none".

the path drawn on svg done through raphael.sketchpad.js , creates path (as example) as:

<path fill="none" stroke="#000000" d="m337.375,853l337.375,853l275.375,776l280.375,717l370.375,683l418.375,719l433.375,773l431.375,782l430.375,783l428.375,784l428.375,785l428.375,786" stroke-opacity="1" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); stroke-opacity: 1; stroke-linecap: round; stroke-linejoin: round; -webkit-user-select: text;"></path> 

when draw circular path on mozilla lot of path points(around 20-25) generated , curve smooth. however, when similar path drawn in chrome, around 5-10 path points generated , path not @ smooth.

how can correct this, path works fine on every browser?

this problem in chrome can addressed using catmullrom2bezier.js in better rendering of paths created.

more details can found on following link https://gist.github.com/njvack/6925609


Comments

Popular posts from this blog

java - Intellij Synchronizing output directories .. -

git - Initial Commit: "fatal: could not create leading directories of ..." -