SourceForge.net Logo
June 13, 2007
GPL
ProWikiCenter
Cdml Svg /
Test Page Five


  Error: SVG-Plugin missing - please install


is produced by the following input:
 <text x="100" y="50" style="font-family:arial, helvetica, sans-serif;font-size:18;
 "> FINDING the AREA of a PARALLELOGRAM</text>

<text x="50" y="90" style="font-family:arial, helvetica, sans-serif;font-size:14;"> The diagram below shows the <tspan font-style="italic">base</tspan> and <tspan font-style="italic">height</tspan> of a parallelogram. Any side of a </text>

	<text x="50" y="110" style="font-family:arial, helvetica, sans-serif;font-size:14;">
parallelogram can be the <tspan font-weight="600">base</tspan> . The <tspan font-weight="600">height</tspan>
 is the perpendicular distance between
</text> <text x="50" y="130" style="font-family:arial, helvetica, sans-serif;font-size:14;">the base and the opposite side.</text> −
	<text x="50" y="290" style="font-family:arial, helvetica, sans-serif;font-size:14;">
The formula for the area of a parallelogram follows from the formula for the </text> −
	<text x="50" y="310" style="font-family:arial, helvetica, sans-serif;font-size:14;">
area of a rectangle. The following diagram illustrates how the area of a </text> −
	<text x="50" y="330" style="font-family:arial, helvetica, sans-serif;font-size:14;">
parallelogram and the area of a rectangle are related. </text> <text x="250" y="145" style="font-family:arial, helvetica, sans-serif;font-size:18;">b</text> <text x="155" y="200" style="font-family:arial, helvetica, sans-serif;font-size:18;">h</text> <polyline points="100 250, 150 150, 350 150, 300 250, 100 250" style="fill:none;stroke-width:2;stroke:black;"/> <line x1="151" y1="150" x2="151" y2="250" style="stroke:blue;stroke-width:3;"/> −
	<g visibility="hidden">
<text x="340" y="480" style="font-family:arial, helvetica, sans-serif;font-size:18;">b</text> <polyline points=" 250 360, 500 360, 450 460, 250 460" style="fill:none;stroke-width:2;stroke:black;"/> <line x1="251" y1="360" x2="251" y2="460" style="stroke:blue;stroke-width:3;"/> <set attributeName="visibility" attributeType="CSS" to="visible" begin="6s" dur="1s" fill="freeze"/> </g> −
	<g visibility="hidden">
<line x1="252" y1="360" x2="250" y2="460" style="stroke:blue;stroke-width:4;"/> <text x="255" y="410" style="font-family:arial, helvetica, sans-serif;font-size:18;stroke:white:">h</text> −
	<path d="M200,460,L250,360,L250,460 L200,460" style=" stroke:black;stroke-width:1;fill:white;">
<animateColor attributeName="fill" from="white" to="yellow" begin="6s" dur="1s" fill="freeze"/> </path> <set attributeName="visibility" attributeType="CSS" to="visible" begin="6s" dur="1s" fill="freeze"/> <animateMotion from="0,0" to="250,0" begin="6s" dur="5s" fill="freeze"/> </g> −
	<text x="50" y="510" style="font-family:arial, helvetica, sans-serif;font-size:18;font-weight:600;visibility:hidden;">
<set attributeName="visibility" attributeType="CSS" to="visible" begin="5s" dur="1s" fill="freeze"/>
 Start with a parallelogram.
</text> −
	<text x="265" y="540" style="font-family:arial, helvetica, sans-serif;font-size:18;font-weight:600;visibility:hidden;">
<set attributeName="visibility" attributeType="CSS" to="visible" begin="6s" dur="1s" fill="freeze"/> Cut off a right triangle. </text> −
	<text x="50" y="570" style="font-family:arial, helvetica, sans-serif;font-size:18;font-weight:600;visibility:hidden;">
<set attributeName="visibility" attributeType="CSS" to="visible" begin="9s" dur="1s" fill="freeze"/> Form a rectangle. </text> −
	<text x="50" y="600" style="font-family:arial, helvetica, sans-serif;font-size:18;font-weight:600;visibility:hidden;">
<set attributeName="visibility" attributeType="CSS" to="visible" begin="12s" dur="1s" fill="freeze"/> In words −
	<tspan font-weight="normal; font-size:14;">
The area of a parallelogram is the product of the base and the height. </tspan> </text> −
	<text x="50" y="630" style="font-family:arial, helvetica, sans-serif;font-size:18;font-weight:600;visibility:hidden;">
<set attributeName="visibility" attributeType="CSS" to="visible" begin="14s" dur="1s" fill="freeze"/> In algebra <tspan style="font-weight:normal;font-style:italic;"> A=bh.</tspan> </text> −
	<text x="50" y="860" style="font-family:arial, helvetica, sans-serif;font-size:18;font-weight:600;visibility:hidden;">
<set attributeName="visibility" attributeType="CSS" to="visible" begin="13s" dur="1s" fill="freeze"/> In arithmetic <tspan style="font-weight:normal;"> A = 6 * 3 =18 square units.</tspan> </text> −
	<g visibility="hidden">
<polyline points="100 680, 150 780, 310 780, 260 680, 100 680" style="fill:yellow;stroke:black;stroke-width:2;"/> <line x1="260" y1="680" x2="260" y2="780" style="stroke:black;stroke-width:2;"/> <text x="250" y="800" style="font-family:arial, helvetica, sans-serif;font-size:18;">b=6</text> <text x="220" y="740" style="font-family:arial, helvetica, sans-serif;font-size:18;">h=3</text> <set attributeName="visibility" attributeType="CSS" to="visible" begin="16s" dur="1s" fill="freeze"/> </g>
  ]