Skip to content

Instantly share code, notes, and snippets.

@Holger-Will

Holger-Will/flatten.js

Created July 18, 2018 06:22
Show Gist options
  • Star 2 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save Holger-Will/d62d263a167b46d5319ce7658c914d73 to your computer and use it in GitHub Desktop.
Save Holger-Will/d62d263a167b46d5319ce7658c914d73 to your computer and use it in GitHub Desktop.
Download ZIP
convert an svg path to line segments
Raw
flatten.js
function flatten(path,num){
var l = path.getTotalLength()
var p = path.getPointAtLength(0)
var d = `M${p.x} ${p.y}`
for(var i = (l/num);i<=l;i+=(l/num)){
p = path.getPointAtLength(i)
d+=`L${p.x} ${p.y}`
}
path.setAttribute("d",d+"z")
}
@Holger-Will
Copy link
Author

https://stackoverflow.com/questions/41534487/svg-curve-to-many-small-straight-lines/41537362#41537362

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment