<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	
	>
<channel>
	<title>Comments on: From SVG to Geo Coordinates &#8211; A Complete Guide</title>
	<atom:link href="/2011/02/11/from-svg-to-geo-coordinates-a-complete-guide/feed/" rel="self" type="application/rss+xml" />
	<link>/2011/02/11/from-svg-to-geo-coordinates-a-complete-guide/</link>
	<description>on web development</description>
	<lastBuildDate>Fri, 26 Oct 2018 21:40:18 +0000</lastBuildDate>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>https://wordpress.org/?v=5.0.3</generator>
	<item>
		<title>By: iBeb</title>
		<link>/2011/02/11/from-svg-to-geo-coordinates-a-complete-guide/comment-page-1/#comment-14559</link>
		<dc:creator><![CDATA[iBeb]]></dc:creator>
		<pubDate>Sat, 05 Nov 2011 21:20:16 +0000</pubDate>
		<guid isPermaLink="false">/?p=2174#comment-14559</guid>
		<description><![CDATA[In most cases, to save only the last point change dramatically the shape of the curve.
My first option was to use the two control points as new points and connect them with lines, but it was not good either.

Then I thought that maybe the best option is to ass points that are on the curve.

What you need is:
- 4 points of a Bezier curve
- 2 equations to yield values for x and y
- number of points you want to &quot;rasterize&quot; your curve

Take this example :
M0,0
c35,0,50-50,100-50
The four points are 0,0; 35,0; 50,-50 ; 100,-50; (0,0 because it&#039;s relative coordinates).

This link http://www.moshplant.com/direct-or/bezier/math.html gives you the explanation to calculate 6 values and create the two equations (one for x one for y). 

Because the Bezier curve is defined in [0,1], it&#039;s easy to pick up values:
- to have one extra point, take 1/2
- to have 3 extra points, take 1/4, 1/2 and 3/4

In my example, I want to add 3 points. The equations give me this:
v=0.25
x=23.359375
y=-7.8125

v=0.5
x=44.375
y=-25

v=0.75
x=68.203125
y=-42.1875

Now, you have to change your path.
It was: c35,0,50-50,100-50
Meaning: a curve from 0,0 (current point) to 100,-50

Now you have to draw 4 lines.
You need to calculate relative coordinates for each new point and the new coordinates of the final point (100,-50).

you start at 0,0
then 23.359375,-7.8125
then you need to subtract the x and the y with the previous

Then you create 4 lines:

l23.359375-7.8125
l21.015625,-17.1875
l23.828125,-17.1875
l31.796875,-7.8125

And voilà! You have 4 segments instead of a Bezier curve.

Tip: add all x and all y and you find the final point.]]></description>
		<content:encoded><![CDATA[<p>In most cases, to save only the last point change dramatically the shape of the curve.<br />
My first option was to use the two control points as new points and connect them with lines, but it was not good either.</p>
<p>Then I thought that maybe the best option is to ass points that are on the curve.</p>
<p>What you need is:<br />
&#8211; 4 points of a Bezier curve<br />
&#8211; 2 equations to yield values for x and y<br />
&#8211; number of points you want to &#8220;rasterize&#8221; your curve</p>
<p>Take this example :<br />
M0,0<br />
c35,0,50-50,100-50<br />
The four points are 0,0; 35,0; 50,-50 ; 100,-50; (0,0 because it&#8217;s relative coordinates).</p>
<p>This link <a href="http://www.moshplant.com/direct-or/bezier/math.html" rel="nofollow">http://www.moshplant.com/direct-or/bezier/math.html</a> gives you the explanation to calculate 6 values and create the two equations (one for x one for y). </p>
<p>Because the Bezier curve is defined in [0,1], it&#8217;s easy to pick up values:<br />
&#8211; to have one extra point, take 1/2<br />
&#8211; to have 3 extra points, take 1/4, 1/2 and 3/4</p>
<p>In my example, I want to add 3 points. The equations give me this:<br />
v=0.25<br />
x=23.359375<br />
y=-7.8125</p>
<p>v=0.5<br />
x=44.375<br />
y=-25</p>
<p>v=0.75<br />
x=68.203125<br />
y=-42.1875</p>
<p>Now, you have to change your path.<br />
It was: c35,0,50-50,100-50<br />
Meaning: a curve from 0,0 (current point) to 100,-50</p>
<p>Now you have to draw 4 lines.<br />
You need to calculate relative coordinates for each new point and the new coordinates of the final point (100,-50).</p>
<p>you start at 0,0<br />
then 23.359375,-7.8125<br />
then you need to subtract the x and the y with the previous</p>
<p>Then you create 4 lines:</p>
<p>l23.359375-7.8125<br />
l21.015625,-17.1875<br />
l23.828125,-17.1875<br />
l31.796875,-7.8125</p>
<p>And voilà! You have 4 segments instead of a Bezier curve.</p>
<p>Tip: add all x and all y and you find the final point.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Edd de la Cruz</title>
		<link>/2011/02/11/from-svg-to-geo-coordinates-a-complete-guide/comment-page-1/#comment-14240</link>
		<dc:creator><![CDATA[Edd de la Cruz]]></dc:creator>
		<pubDate>Thu, 07 Apr 2011 18:07:09 +0000</pubDate>
		<guid isPermaLink="false">/?p=2174#comment-14240</guid>
		<description><![CDATA[Superb research and explanation. This is exactly what I&#039;m trying to accomplish in one of my recent projects. This will help me to get me on the right track.]]></description>
		<content:encoded><![CDATA[<p>Superb research and explanation. This is exactly what I&#8217;m trying to accomplish in one of my recent projects. This will help me to get me on the right track.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: chrelad</title>
		<link>/2011/02/11/from-svg-to-geo-coordinates-a-complete-guide/comment-page-1/#comment-14237</link>
		<dc:creator><![CDATA[chrelad]]></dc:creator>
		<pubDate>Thu, 07 Apr 2011 13:07:42 +0000</pubDate>
		<guid isPermaLink="false">/?p=2174#comment-14237</guid>
		<description><![CDATA[This is great, thanks for the research!]]></description>
		<content:encoded><![CDATA[<p>This is great, thanks for the research!</p>
]]></content:encoded>
	</item>
</channel>
</rss>
