Cdml Svg / Test Page Five
Error: SVG-Plugin missing - please install
<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>
]
