home *** CD-ROM | disk | FTP | other *** search
/ PC World 2002 September / PCWorld_2002-09_cd.bin / Komunik / amaya / 9x / amaya-Win98-6.2.exe / _SETUP.1 / painting_graphics.html < prev    next >
Encoding:
Extensible Markup Language  |  2002-06-11  |  3.1 KB  |  82 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.     
  5. <html xmlns="http://www.w3.org/1999/xhtml">
  6. <head>
  7.   <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  8.   <meta name="GENERATOR" content="amaya 5.2" />
  9.   <title>Painting Graphics</title>
  10.   <style type="text/css">  </style>
  11.   <link href="../style.css" rel="stylesheet" type="text/css" />
  12. </head>
  13.  
  14. <body xml:lang="en" lang="en">
  15.  
  16. <table border="0" summary="toc">
  17.   <tbody>
  18.     <tr>
  19.       <td><img alt="W3C" src="../../images/w3c_home" /> <img alt="Amaya"
  20.         src="../../images/amaya.gif" /></td>
  21.       <td><p><a href="resizing_graphics.html" accesskey="p"><img alt="previous"
  22.         src="../../images/left.gif" /></a> 
  23.         <a href="../SVG.html" accesskey="t"><img alt="top" src="../../images/up.gif" /></a> 
  24.         </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="
  48.     #C8ff95"; stroke="#000000"</kbd>), click <strong>Apply</strong>, then
  49.     click <strong>Close</strong>.
  50.     <p></p>
  51.     <p class="Note"><strong>Note:</strong> áYou can use either
  52.     a 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
  69.     the 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.  
  77.  
  78. </div>
  79.  
  80. </body>
  81. </html>
  82.