Loading ...
Sorry, an error occurred while loading the content.

RE: [svg-developers] Floor design

Expand Messages
  • Brucato, Greg
    P.S. I used Adobe Illustrator. ... From: Brucato, Greg Sent: Wednesday, April 14, 2004 11:50 AM To: svg-developers@yahoogroups.com Subject: RE:
    Message 1 of 3 , Apr 14, 2004
    • 0 Attachment
      P.S. I used Adobe Illustrator.

      -----Original Message-----
      From: Brucato, Greg
      Sent: Wednesday, April 14, 2004 11:50 AM
      To: svg-developers@yahoogroups.com
      Subject: RE: [svg-developers] Floor design


      Try this. It's a little verbose but it looks like wood and it's a start.

      <svg xmlns:xlink=" http://www.w3.org/1999/xlink" width="451" height="94" viewBox="0 0 0 0" >
      <defs>
      <g id="board">
      <path style="fill:#C1772F;" d="M382.772,9.801c-16.811-1.201-219.695-1.5-258.11,0S25.017,9.801,1.007,9.5v2.756 c38.415,1.2,130.857,0.6,150.065-0.3c1.521-0.071,3.619-0.137,6.225-0.193c30.319-0.696,175.125-0.607,203.868,0.497 c28.785,1.105,55.527,0.682,82.113,0.139c2.244-0.048,4.475-0.096,6.723-0.143V9.5C413.985,8.899,399.588,11,382.772,9.801z" />
      <path style="fill:#944300;" d="M365.963,20.6c-33.613-0.6-48.021-2.55-79.233-2.25c-31.207,0.3-208.893,2.55-285.723,1.65 v3.824c50.42-0.3,147.666-2.699,171.676-1.199c24.01,1.5,147.661-0.301,181.274,0.3c33.623,0.601,67.232,1.5,96.041,0.899V20 C413.985,20,399.588,21.2,365.963,20.6z"/>
      <path style="fill:#C1772F;" d="M353.958,23.451c-33.611-0.603-157.264,1.198-181.273-0.302 c-24.01-1.5-121.256,0.9-171.677,1.2v5.476c43.218-1.5,133.261-3.899,171.676-3.899c0.773,0,1.555,0.003,2.345,0.005c38.005,0.111,131.547,2.846,162.125,2.846c31.213,0,84.037,1.949,112.848,1.05V24.35 C421.19,24.951,387.583,24.05,353.958,23.451z"/>
      <path style="fill:#B2641C;" d="M353.958,22.925c-51.17-0.914-137.205,2.453-181.273-0.3 c-24.011-1.5-121.256,0.899-171.676,1.199v0.524c50.42-0.3,147.666-2.699,171.676-1.199 c24.01,1.5,147.662-0.301,181.273,0.302c33.625,0.599,67.232,1.5,96.043,0.897v-0.524 C421.19,24.425,387.583,23.524,353.958,22.925z"/>
      <path style="fill:#944300;" d="M337.153,29.824c-30.578,0-124.12-3.742-162.125-3.896c-0.79-0.002-1.571-0.005-2.345-0.005 c-38.416,0-128.458,2.399-171.676,3.899v1.051c38.415,0.299,157.271-3,186.081-2.701 c28.813,0.301,114.049,2.401,157.268,2.401c43.227,0,72.031,1.199,105.645,0.3v-1.051 C421.19,30.725,368.366,29.824,337.153,29.824z"/>
      <path style="fill:#A2530D;" d="M337.153,28.774c-30.578,0-124.12-2.733-162.125-2.846 c38.005,0.152,131.547,3.896,162.125,3.896c31.213,0,84.037,0.899,112.848,0C421.19,30.725,368.366,28.774,337.153,28.774z"/>
      <path style="fill:#C1772F;" d="M344.356,31.925c-43.219,0-128.455-2.101-157.268-2.399c-28.81-0.301-147.666,3-186.081,2.699 v3.525c38.415-0.299,140.455-2.7,166.873-2.4c26.415,0.301,99.649,3,145.261,3c45.619,0,100.844-1.199,136.857-0.6v-3.525 C416.387,33.125,387.583,31.925,344.356,31.925z"/>
      <path style="fill:#B2641C;" d="M344.356,30.575c-43.219,0-128.455-2.102-157.268-2.401c-28.81-0.299-147.666,3-186.081,2.701 v1.35c38.415,0.301,157.271-3,186.081-2.699c28.813,0.3,114.049,2.399,157.268,2.399c43.227,0,72.031,1.2,105.645,0.3v-1.35 C416.387,31.774,387.583,30.575,344.356,30.575z"/>
      <path style="fill:#944300;" d="M313.143,36.575c-45.613,0-118.848-2.7-145.262-3c-26.418-0.301-128.458,2.099-166.873,2.398 v3.15c45.618-1.2,164.466-3.601,195.687-2.4c31.214,1.2,148.063,0.301,172.075,0.9c24.012,0.599,33.209,3,81.23,1.5v-3.15 C413.985,35.375,358.76,36.575,313.143,36.575z"/>
      <path style="fill:#A2530D;" d="M313.143,36.35c-45.613,0-118.848-2.699-145.262-3c-26.418-0.3-128.458,2.103-166.873,2.4 v0.225c38.415-0.301,140.455-2.699,166.873-2.398c26.415,0.3,99.649,3,145.262,3c45.617,0,100.842-1.2,136.857-0.602V35.75 C413.985,35.149,358.76,36.35,313.143,36.35z"/>
      <path style="fill:#C1772F;" d="M370.774,37.55c-24.012-0.599-142.867,0.601-174.08-0.599 C165.473,35.75,46.625,38.149,1.007,39.35v1.566c64.825-1.199,118.852-2.166,162.07-0.066 c43.222,2.103,118.849,3.603,150.064,3c31.254-0.6,85.137-3.135,98.982-2.832C440.739,41.642,447.608,41,450,41v-1.65 C401.979,40.85,394.784,38.149,370.774,37.55z"/>
      <path style="fill:#B2641C;" d="M339.424,38.258c-25.676-0.115-100.305,0.479-130.99-0.699 c-31.217-1.2-161.809,1.115-207.426,2.316v-0.976C46.626,37.7,164.681,35,195.893,36.2 c31.213,1.199,150.871,0.751,174.883,1.35c24.01,0.601,31.203,2.263,79.225,1.356v0.975 C401.979,40.787,361.836,38.357,339.424,38.258z"/>
      <path style="fill:#944300;" d="M313.143,44.524c-31.217,0.601-106.843-0.899-150.065-3 c-43.218-2.101-97.245-1.801-162.07-0.601v4.673h448.989L450,40.925c-2.408,0.001-24.012,0.3-38.408,0.3 C397.18,41.225,344.356,43.925,313.143,44.524z"/>
      <path style="fill:#A2530D;" d="M313.143,43.85c-31.217,0.603-106.843-0.897-150.065-3c-43.218-2.1-97.245-1.133-162.07,0.066 v1.875c48.634-1.967,142.871-1.354,155.669-0.732c43.218,2.101,125.249,3.066,156.466,2.467 c31.213-0.601,79.137-2.342,93.51-2.217c14.41,0.125,15.004,0.592,43.348,0.467v-1.862 c-10.031,0.168-28.465,0.028-40.674,0.028C387.442,40.94,337.561,43.381,313.143,43.85z"/>
      <path style="fill:#944300;" d="M319.147,4.475c-31.214,0.601-112.847,2.25-156.069,0.15 C119.86,2.524,65.833,2.824,1.008,4.024V9.05c24.01,0.3,85.24,1.8,123.655,0.3c38.416-1.5,241.3-1.199,258.109,0 c16.816,1.2,31.213-0.899,67.229-0.3V4.024c-2.391,0-24.01,0.3-38.406,0.3C397.18,4.324,350.362,3.875,319.147,4.475z"/>
      <path style="fill:#A2530D;" d="M382.772,9.35c-16.811-1.199-219.695-1.5-258.11,0s-99.645,0-123.655-0.3V9.5 c24.01,0.301,85.24,1.801,123.655,0.301c38.416-1.5,241.301-1.201,258.11,0C399.588,11,413.985,8.899,450,9.5V9.05 C413.985,8.449,399.588,10.55,382.772,9.35z"/>
      <path style="fill:#C1772F;" d="M163.078,4.399C206.3,6.5,268.725,4.85,299.938,4.25C331.151,3.649,397.18,4.1,411.592,4.1 c14.396,0,36-0.299,38.408-0.299l-0.004-1.703H1.007v1.703C65.833,2.6,119.859,2.301,163.078,4.399z"/>
      <path style="fill:#B2641C;" d="M411.592,4.1c-14.412,0-80.441-0.449-111.654,0.15c-31.213,0.599-80.437,2.25-123.655,0.149 C133.065,2.3,65.833,2.6,1.007,3.801v0.225c36.348-0.674,136.129-0.128,157.271,0.899 c43.218,2.101,129.654,0.149,160.867-0.45c31.217-0.6,78.033-0.149,92.447-0.149c14.396,0,36.016-0.3,38.406-0.3V3.801 C447.592,3.801,425.989,4.1,411.592,4.1z"/>
      <path style="fill:#944300;" d="M362.368,12.406c-28.754-1.105-174.616-1.32-205.071-0.645 c-2.606,0.061-4.705,0.126-6.225,0.196c-19.208,0.899-111.65,1.5-150.065,0.301v2.641c43.218-0.899,121.255,1.8,164.466,0.9 c43.226-0.9,103.251-4.051,202.893-1.352c30.592,0.829,50.43,0.75,81.635,0.45V12.26c-2.24,0.046-4.479,0.094-6.723,0.139 C416.86,12.961,391.141,13.513,362.368,12.406z"/>
      <path style="fill:#A2530D;" d="M361.165,12.26c-28.742-1.104-173.548-1.193-203.868-0.497 c30.455-0.677,176.317-0.462,205.071,0.645c28.773,1.105,54.492,0.555,80.91-0.009C416.692,12.94,389.95,13.365,361.165,12.26 z"/>
      <path style="fill:#C1772F;" d="M363.571,15.649c-13.791-1.097-135.484-0.604-150.077-0.301 c-43.21,0.9-169.269,0.9-212.487,1.801v1.802c76.83,0.898,254.516-1.052,285.722-1.352c31.213-0.299,45.621,1.353,79.232,1.95 c33.625,0.601,48.021-0.599,84.037-0.599v-1.802C418.795,17.451,389.973,17.75,363.571,15.649z"/>
      <path style="fill:#B2641C;" d="M365.963,19.55c-33.613-0.599-48.021-2.249-79.233-1.95 c-31.207,0.3-208.893,2.25-285.723,1.352V20c76.83,0.899,254.516-1.351,285.722-1.65c31.213-0.3,45.621,1.65,79.232,2.25 C399.588,21.2,413.985,20,450,20v-1.049C413.985,18.951,399.588,20.149,365.963,19.55z"/>
      <path style="fill:#B2641C;" d="M368.366,14.449c-99.642-2.699-159.667,0.45-202.893,1.352 C122.263,16.699,44.226,14,1.007,14.899v2.25c43.218-0.899,169.277-0.899,212.487-1.801 c14.592-0.303,136.286-0.796,150.077,0.301c26.402,2.101,55.225,1.802,86.43,1.5v-2.25 C418.795,15.199,398.958,15.278,368.366,14.449z"/>
      </g>
      </defs>
      <!-- sub floor -->
      <rect style="fill:#562E09;" height="210px" width="600px" />

      <!-- boards -->
      <use x="0" y="0" xlink:href="#board" />
      <use x="0" y="46" xlink:href="#board" />
      <line x1="250" x2="250" y1="46" y2="100" style="stroke-width:1;stroke:#562E09;" />
      <line x1="50" x2="50" y1="0" y2="46" style="stroke-width:1;stroke:#562E09;" />

      </svg>

      -----Original Message-----
      From: harry_ha_ha [mailto:harry_ha_ha@...]
      Sent: Wednesday, April 14, 2004 9:11 AM
      To: svg-developers@yahoogroups.com
      Subject: [svg-developers] Floor design


      Hey guys, I'm totally new to SVG, but I'm trying to create a Visual
      Restaurant. I don't want the floor to be just white. I've tried
      creating a wooden floor look using:
      <?xml version="1.0" standalone="no"?>
      <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20000303 Stylable//EN"
      " http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">

      <svg width="100%" height="100%">

      <desc>A definition of brown_1, the colour of the first kind of wood
      pattern</desc>
      <defs>
      <linearGradient id="brown_1" x1="0%" y1="0%" x2="100%" y2="0%">
      <stop offset="0%" style="stop-color:darkgoldenrod;
      stop-opacity:1"/>
      <stop offset="100%" style="stop-color:saddlebrown;
      stop-opacity:1"/>
      </linearGradient>
      </defs>

      <desc>A definition of brown_2, the colour of the second kind of wood
      pattern</desc>
      <defs>
      <linearGradient id="brown_2" x1="0%" y1="0%" x2="100%" y2="0%">
      <stop offset="0%" style="stop-color:saddlebrown;
      stop-opacity:1"/>
      <stop offset="100%" style="stop-color:darkgoldenrod;
      stop-opacity:1"/>
      </linearGradient>
      </defs>



      <desc>The wooden floor layout of the restaurant</desc>

      <path d="M0 0 0 500 20 500 20 0 Z"
      style="fill:url(#brown_2)"/>

      <path d="M20 0 20 500 40 500 40 0 Z"
      style="fill:url(#brown_1)"/>

      <path d="M40 0 40 500 60 500 60 0 Z"
      style="fill:url(#brown_2)"/>

      <path d="M60 0 60 500 80 500 80 0 Z"
      style="fill:url(#brown_1)"/>

      <path d="M80 0 80 500 100 500 100 0 Z"
      style="fill:url(#brown_2)"/>

      <path d="M100 0 100 500 120 500 120 0 Z"
      style="fill:url(#brown_1)"/>

      <path d="M120 0 120 500 140 500 140 0 Z"
      style="fill:url(#brown_2)"/>

      <path d="M140 0 140 500 160 500 160 0 Z"
      style="fill:url(#brown_1)"/>

      <path d="M160 0 160 500 180 500 180 0 Z"
      style="fill:url(#brown_2)"/>

      <path d="M180 0 180 500 200 500 200 0 Z"
      style="fill:url(#brown_1)"/>

      <path d="M200 0 200 500 220 500 220 0 Z"
      style="fill:url(#brown_2)"/>

      <path d="M220 0 220 500 240 500 240 0 Z"
      style="fill:url(#brown_1)"/>

      <path d="M240 0 240 500 260 500 260 0 Z"
      style="fill:url(#brown_2)"/>

      <path d="M260 0 260 500 280 500 280 0 Z"
      style="fill:url(#brown_1)"/>

      <path d="M280 0 280 500 300 500 300 0 Z"
      style="fill:url(#brown_2)"/>

      <path d="M300 0 300 500 320 500 320 0 Z"
      style="fill:url(#brown_1)"/>

      <path d="M320 0 320 500 340 500 340 0 Z"
      style="fill:url(#brown_2)"/>

      <path d="M340 0 340 500 360 500 360 0 Z"
      style="fill:url(#brown_1)"/>

      <path d="M360 0 360 500 380 500 380 0 Z"
      style="fill:url(#brown_2)"/>

      <path d="M380 0 380 500 400 500 400 0 Z"
      style="fill:url(#brown_1)"/>

      <path d="M400 0 400 500 420 500 420 0 Z"
      style="fill:url(#brown_2)"/>

      <path d="M420 0 420 500 440 500 440 0 Z"
      style="fill:url(#brown_1)"/>

      <path d="M440 0 440 500 460 500 460 0 Z"
      style="fill:url(#brown_2)"/>

      <path d="M460 0 460 500 480 500 480 0 Z"
      style="fill:url(#brown_1)"/>

      <path d="M480 0 480 500 500 500 500 0 Z"
      style="fill:url(#brown_2)"/>

      <path d="M500 0 500 500 520 500 520 0 Z"
      style="fill:url(#brown_1)"/>

      <path d="M520 0 520 500 540 500 540 0 Z"
      style="fill:url(#brown_2)"/>

      <path d="M540 0 540 500 560 500 560 0 Z"
      style="fill:url(#brown_1)"/>

      <path d="M560 0 560 500 580 500 580 0 Z"
      style="fill:url(#brown_2)"/>

      <path d="M580 0 580 500 600 500 600 0 Z"
      style="fill:url(#brown_1)"/>

      <path d="M600 0 600 500 620 500 620 0 Z"
      style="fill:url(#brown_2)"/>

      <path d="M620 0 620 500 640 500 640 0 Z"
      style="fill:url(#brown_1)"/>

      <path d="M640 0 640 500 660 500 660 0 Z"
      style="fill:url(#brown_2)"/>

      <path d="M660 0 660 500 680 500 680 0 Z"
      style="fill:url(#brown_1)"/>

      <path d="M680 0 680 500 700 500 700 0 Z"
      style="fill:url(#brown_2)"/>

      <path d="M700 0 700 500 720 500 720 0 Z"
      style="fill:url(#brown_1)"/>

      <path d="M720 0 720 500 740 500 740 0 Z"
      style="fill:url(#brown_2)"/>

      <path d="M740 0 740 500 760 500 760 0 Z"
      style="fill:url(#brown_1)"/>

      <path d="M760 0 760 500 780 500 780 0 Z"
      style="fill:url(#brown_2)"/>

      <path d="M780 0 780 500 800 500 800 0 Z"
      style="fill:url(#brown_1)"/>

      <path d="M800 0 800 500 820 500 820 0 Z"
      style="fill:url(#brown_2)"/>

      <path d="M820 0 820 500 840 500 840 0 Z"
      style="fill:url(#brown_1)"/>


      </svg>



      but this doesn't look great. Anyone have any ideas on how I could get
      a more authentic look?





      -----
      To unsubscribe send a message to: svg-developers-unsubscribe@yahoogroups.com
      -or-
      visit http://groups.yahoo.com/group/svg-developers and click "edit my membership"
      ----



      _____

      Yahoo! Groups Links


      * To visit your group on the web, go to:
      http://groups.yahoo.com/group/svg-developers/


      * To unsubscribe from this group, send an email to:
      svg-developers-unsubscribe@yahoogroups.com <mailto:svg-developers-unsubscribe@yahoogroups.com?subject=Unsubscribe>


      * Your use of Yahoo! Groups is subject to the Yahoo! Terms of Service < http://docs.yahoo.com/info/terms/> .




      [Non-text portions of this message have been removed]



      -----
      To unsubscribe send a message to: svg-developers-unsubscribe@yahoogroups.com
      -or-
      visit http://groups.yahoo.com/group/svg-developers and click "edit my membership"
      ----



      _____

      Yahoo! Groups Links


      * To visit your group on the web, go to:
      http://groups.yahoo.com/group/svg-developers/


      * To unsubscribe from this group, send an email to:
      svg-developers-unsubscribe@yahoogroups.com <mailto:svg-developers-unsubscribe@yahoogroups.com?subject=Unsubscribe>


      * Your use of Yahoo! Groups is subject to the Yahoo! Terms of Service <http://docs.yahoo.com/info/terms/> .




      [Non-text portions of this message have been removed]
    Your message has been successfully submitted and would be delivered to recipients shortly.