home *** CD-ROM | disk | FTP | other *** search
/ GameStar 2005 May / Gamestar_73_2005-05_dvd.iso / Programy / amaya / amaya-Win98-8.7.3.exe / _SETUP.1 / painting_graphics.html < prev    next >
Encoding:
Extensible Markup Language  |  2003-04-11  |  3.3 KB  |  79 lines
  1. <?xml version="1.0" encoding="iso-8859-1"?>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  3.     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4. <html xmlns="http://www.w3.org/1999/xhtml">
  5. <head>
  6.   <meta name="GENERATOR" content="amaya 7.2, see http://www.w3.org/Amaya/" />
  7.   <title>Painting Graphics</title>
  8.   <style type="text/css">
  9.   </style>
  10.   <link href="../style.css" rel="stylesheet" type="text/css" />
  11. </head>
  12.  
  13. <body xml:lang="en" lang="en">
  14.  
  15. <table border="0" width="100%" summary="toc">
  16.   <tbody>
  17.     <tr>
  18.       <td><img alt="W3C" src="../../images/w3c_home" /> <img alt="Amaya"
  19.         src="../../images/amaya.gif" /></td>
  20.       <td><p align="right"><a href="moving_graphics.html" accesskey="p"><img
  21.         alt="previous" src="../../images/left.gif" /></a> <a
  22.         href="../SVG.html" accesskey="t"><img alt="top"
  23.         src="../../images/up.gif" /></a> <a href="resizing_graphics.html"
  24.         accesskey="n"><img alt="next" src="../../images/right.gif" /></a></p>
  25.       </td>
  26.     </tr>
  27.   </tbody>
  28. </table>
  29.  
  30. <div id="page_body">
  31. <h1>Painting Graphics</h1>
  32.  
  33. <p>With Amaya, you can paint (fill or stroke) SVG graphic elements with a
  34. single color. The default fill color is black and the default stroke color is
  35. transparent, but you can change these values.</p>
  36.  
  37. <p>There are two ways to change the default fill and stroke value: by editing
  38. the SVG attributes from the <strong>Attributes</strong> menu, or by editing
  39. the SVG attribute style with CSS properties</p>
  40.  
  41. <p class="ProcedureCaption">To edit the SVG attributes:</p>
  42. <ol>
  43.   <li>Select the graphic.</li>
  44.   <li>Open the <strong>Attributes</strong> menu. You will see both of the
  45.     attributes<strong>Fill</strong>and <strong>Stroke.</strong></li>
  46.   <li>Select the attribute you want to edit.</li>
  47.   <li>In the dialog, change the attribute (for example,<kbd>fill=" #C8ff95";
  48.     stroke="#000000"</kbd>), click <strong>Apply</strong>, then click
  49.     <strong>Close</strong>. 
  50.     <p></p>
  51.     <p class="Note"><strong>Note:</strong>  You can use either a
  52.     hexidecimal number for colors, or use a specific basic color names such
  53.     as black, white, blue, green, red, pink, purple, violet or yellow.</p>
  54.   </li>
  55. </ol>
  56.  
  57. <p class="ProcedureCaption">To edit the SVG attribute style with CSS
  58. properties:</p>
  59. <ol>
  60.   <li>Select the graphic.</li>
  61.   <li>Open the <strong>Style</strong> menu and select
  62.     <strong>Colors</strong>. The color palette will open.</li>
  63.   <li>Select the desired color from the color palette. When you click the
  64.     mouse, you generate the <kbd>stroke</kbd> property, and when you
  65.     right-click the mouse, you generate the <code>fill</code> property. 
  66.     <p></p>
  67.     <p class="Note"><strong>Note:</strong>    SVG text is
  68.     considered as a graphic shape, so the <kbd>fill</kbd> property paints the
  69.     character contents and the <kbd>stroke</kbd> property paints the
  70.     character border. Amaya applies the <kbd>fill</kbd> property to
  71.     characters, but not the <kbd>stroke</kbd> property. Therefore, a click
  72.     with the left mouse button has no immediate effect, while a click with
  73.     the middle or right mouse button paints the text element.</p>
  74.   </li>
  75. </ol>
  76. </div>
  77. </body>
  78. </html>
  79.