Svg_house

Create a simple House through using HTML(SVG)

In this house we use only polygon SVG and line for create this house.


Code:-

<svg height="350" width="600">
<polygon fill="#eb593d" points="100,200 0,300 0,350 600,350 600,300 400,200" staroke-width="4" stroke="red"></polygon>
  <polygon points="150,25 400,25 500,120 250,125" fill="brown" stroke="red" staroke-width="4" />
<polygon points="150,25 250,125 50,85" fill="gold" stroke="red" staroke-width="4" />
<polygon points="235,123 75,90 75,240 235,275" fill="green" stroke="red" staroke-width="4" />
<polygon points=" 235,275 485,270 485,245 235,250" fill="brown" stroke="red" staroke-width="4" />
<polygon points="485,245 235,250 235,220 390,220" fill="gray" stroke="red" staroke-width="4" />

<polygon points=" 235,125 390,122 390,220 235,223" fill="wheat" stroke="red" staroke-width="4" />

<polygon points=" 390,122 390,220 485,245 485,120" fill="wheat" stroke="red" staroke-width="4" />

 <line x1=155 x2=255 y1=25 y2=125 stroke="gray" stroke-width="2"/>
 <line x1=175 x2=275 y1=25 y2=125 stroke="gray" stroke-width="2"/>
 <line x1=195 x2=295 y1=25 y2=125 stroke="gray" stroke-width="2"/>
 <line x1=215 x2=315 y1=25 y2=125 stroke="gray" stroke-width="2"/>
 <line x1=235 x2=335 y1=25 y2=125 stroke="gray" stroke-width="2"/>
 <line x1=255 x2=355 y1=25 y2=125 stroke="gray" stroke-width="2"/>
 <line x1=275 x2=375 y1=25 y2=125 stroke="gray" stroke-width="2"/>
 <line x1=295 x2=395 y1=25 y2=125 stroke="gray" stroke-width="2"/>
 <line x1=315 x2=415 y1=25 y2=123 stroke="gray" stroke-width="2"/>
 <line x1=335 x2=435 y1=25 y2=123 stroke="gray" stroke-width="2"/>
<line x1=355 x2=455 y1=25 y2=123 stroke="gray" stroke-width="2"/>
<line x1=375 x2=475 y1=25 y2=123 stroke="gray" stroke-width="2"/>
<line x1=395 x2=496 y1=25 y2=123 stroke="gray" stroke-width="2"/>

<polygon points=" 290,150 320,150 320,221 290,221" fill="white" stroke="red" staroke-width="4" />
<line x1=238 x2=238 y1=122 y2=275 stroke="brown" stroke-width="7"/>
<line x1=482 x2=482 y1=120 y2=271 stroke="brown" stroke-width="7"/>


</svg>





Thank uuuu.........

read more.................







Comments

Popular posts from this blog

python pattern programming

Decision making statement in python

Looping statement in python