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

Post a Comment

Popular posts from this blog

python pattern programming

-
Image
PYTHON PATTERN PROGRAMMING Python nested loop: Python allow programmer to use nested loops.Nested loop means when one loop is define into another loop is known as nested loop,in which one is called inner loop and another is called outer loop.In which when outer loop's condition is true than inner loop will be execute. we use the concept of nested loop in pattern programming etc. syntax: while (condition):      while (condition):         statement x     statement y   Some examples of nested loop. Nested loop program. Q. write  a program to print following pattern. P P Y P Y T P Y T H P Y T H O P Y T H O N str = "PYTHON" for  i  in   range ( 0 , 6 ):      print ()      for  j  in   range ( 0 ,i+ 1 ):          print (str[j],  end = ' ' ) Q. write  a program to print following pattern. *  * *  * * *  * * * *  * * * * * for  i  in   range ( 1 , 6 ):          print ()          for
Read more

Decision making statement in python

-
Image
Decision making statement in python In this statement we can take a decision for executing block of statement.if in this case condition is checked.if condition is true then the true part will execute,otherwise false part will execute.        There are four types of decision making statement. (1) simple if statement/single alternative if statement. (2) if-else statement/double alternative if statement. (3) if-else-if statement/else if ladder statement. (4) Nested if statement/compound if statement. (1)simple if statement/single alternative if statement  In this statement if condition is true then true part will execute otherwise no action will generate.  Syntax: if  test expression:     Statement 1     Statement 2     Statement 3    ---------------    ---------------     Statement n Statement x Examples: if  ( age>=18) :    print( "You are eligible for vote" ) (2) if-else statement/double alternative if statement In this statement if co
Read more

javaScript Calculator.

-
Image
javaScript Calculator. calculator using HTML,CSS and javaScrip t. Html code- <html>     <head>         <meta charset="utf-8">         <meta name="viewport" content="width=device-width, initial-scale=1.0">         <link rel="stylesheet" type="text/css" href="style_calculater.css">         <script src="script_src.js">     </head>     <body>     <div class="container">         <div class="dbox"><input type="text" id="display" placeholder="0"><br>         <input type="text" id="display2" placeholder="0">         <div id="box">             <button class="key" value="7" onclick="dis('7')" > 7 </button>              <button class="key" value="8" onclic
Read more