circles_on_path.svg

<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg
  PUBLIC '-//W3C//DTD SVG 1.1//EN'
  'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'>
<svg height="100%" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.41421;" version="1.1" viewBox="0 0 1707 1067" width="100%" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">

	<script type="text/javascript">
	 // <![CDATA[
		window.onload = function () {
			var paths = document.getElementsByTagName('path');
			var svg = document.getElementsByTagName('svg')[0];
			for(var i = 0; i < paths.length; i++) {
				var current_path = paths[i];
				var tolerance = 20;
				var length = current_path.getTotalLength();
				var step = Math.ceil(length/(tolerance * 2)) + 1;

				while(step--) {
					var point = current_path.getPointAtLength( (2 * tolerance ) * step);
					var circle = document.createElementNS("http://www.w3.org/2000/svg", 'circle');
					circle.setAttribute('cx', point.x);
					circle.setAttribute('cy', point.y);
					circle.setAttribute('r', tolerance);
					svg.appendChild(circle);
				}	
			}
		}

  // ]]>

	</script>
	<path d="M143.831,337.685c14.861,55 302.031,-32.425 326.221,65.81c24.19,98.235 -77.199,182.512 -166.62,144.04c-89.422,-38.473 -140.764,18.993 -46.771,108.541" style="fill:none;stroke-width:1.33px;stroke:#000;"/>
	<path d="M698.148,745.816c72.57,-198.657 309.236,-212.031 382.321,-194.022c73.084,18.009 271.279,269.097 138.05,269.097c-133.23,0 -520.625,-251.348 -261.436,-448.46c259.19,-197.113 117.975,-35.631 117.975,100.746c0,136.377 -146.215,303.061 -224.896,281.51" style="fill:none;stroke-width:1.33px;stroke:#000;"/>
	<path d="M804.994,157.355l-475.017,739.034" style="fill:none;stroke-width:1.33px;stroke:#000;"/>
	<path d="M903.495,236.019c18.392,-82.991 68.642,-81.097 146.673,-81.829c65.864,-0.618 134.837,-9.931 196.597,15.44c16.862,6.927 25.225,20.19 38.085,31.909c36.789,33.529 92.212,61.198 143.587,50.434c25.499,-5.342 42.882,-33.803 25.858,-57.01c-29.633,-40.396 -74.482,-72.508 -114.891,-32.023" style="fill:none;stroke-width:1.33px;stroke:#000;"/>
	<path d="M1365.65,351.811c-28.907,4.405 -84.964,42.317 -88.518,72.57c-0.584,4.969 -5.758,29.191 -1.546,33.449c11.547,11.671 42.517,12.5 57.124,15.44c43.577,8.77 92.203,12.841 126.603,43.229c19.68,17.384 38.424,57.232 26.25,82.859c-5.438,11.447 -21.607,19.039 -30.879,26.765c-6.55,5.457 -23.825,26.759 -32.425,26.759" style="fill:none;stroke-width:1.33px;stroke:#000;"/>
	<path d="M1451.65,879.074c-85.847,0 -172.561,-3.577 -258.351,0c-52.048,2.17 -103.737,10.108 -155.937,12.355c-39.677,1.709 -127.276,-0.716 -157.998,21.615c-10.176,7.397 -16.331,44.304 -1.03,49.404c17.836,5.945 53.769,0.587 67.534,-13.178c6.742,-6.743 -6.324,-24.494 -8.35,-30.566c-1.794,-5.378 -1.487,-14.041 -4.629,-18.525c-13.71,-19.562 -81.086,-46.834 -108.594,-46.834c-9.184,0 -49.856,7.984 -49.856,18.009" style="fill:none;stroke-width:1.33px;stroke:#000;"/>
	<path d="M141.458,117.662c31.311,0.308 79.426,27.959 106.534,43.235c2.176,1.226 37.526,24.126 40.081,24.126c0.515,0 1.126,0.3 1.545,0c57.444,-41.045 188.218,-109.109 258.287,-109.109" style="fill:none;stroke-width:1.33px;stroke:#000;"/>
	<path d="M159.89,722.292c0,25.046 0.43,50.096 0,75.139c-0.421,24.567 -1.567,23.853 -2.569,48.888c-0.008,0.184 -0.2,53.832 0,54.04c2.093,2.183 29.07,-0.002 29.27,0c24.807,0.225 43.14,-4.318 64.844,-16.979c22.491,-13.121 26.211,-42.205 57.13,-42.205" style="fill:none;stroke-width:1.33px;stroke:#000;"/>
</svg>