home *** CD-ROM | disk | FTP | other *** search
/ PC World 2005 May / PCWorld_2005-05_cd.bin / komunikace / amaya / amaya-WinXP-9.1.exe / doc / html / using_graphics / Animation.html.ru < prev    next >
Extensible Markup Language  |  2004-07-08  |  6KB  |  134 lines
  1. <?xml version="1.0" encoding="windows-1251"?>
  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 http-equiv="Content-Type"
  7.   content="application/xhtml+xml; charset=windows-1251" />
  8.   <title>Ãðàôèêà è SMIL
  9.   àíèìàöèÿ</title>
  10.   <meta name="generator" content="amaya 8.5, see http://www.w3.org/Amaya/" />
  11.   <link href="../style.css" rel="stylesheet" type="text/css" />
  12. </head>
  13.  
  14. <body>
  15.  
  16. <table border="0" width="100%" 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 align="right"><a href="SVGLibrary.html.ru" accesskey="p"><img
  22.         alt="╧≡σΣ√Σ≤∙ΦΘ" src="../../images/left.gif" /></a> <a
  23.         href="../SVG.html.ru" accesskey="t"><img alt="┬Γσ≡⌡"
  24.         src="../../images/up.gif" /></a></p>
  25.       </td>
  26.     </tr>
  27.   </tbody>
  28. </table>
  29.  
  30. <div id="page_body">
  31. <h1>├≡α⌠ΦΩα Φ SMIL αφΦ∞α÷Φ </h1>
  32.  
  33. <p>SVG ∩≡σΣ±≥αΓδ σ≥ αφΦ∞α÷Φ■ ΩαΩ ²δσ∞σφ≥√ ±ετΣα■∙σσ ≡ατφεεß≡ατΦσ πδαΓφεΘ
  34. ±≥≡≤Ω≥≤≡√, ∩≡σΣ±≥αΓδ ■∙σΘ π≡α⌠ΦΩ≤. ▌δσ∞σφ≥√ αφΦ∞α÷ΦΦ ∩ε Γδ ■≥±  ΩαΩ ∩ε≥ε∞ΩΦ
  35. π≡α⌠Φ≈σ±ΩΦ⌡ ²δσ∞σφ≥εΓ Ωε≥ε≡√σ εφΦ αφΦ∞Φ≡≤■≥. ╫≥εß√ ∩ετΓεδΦ≥ⁿ αΓ≥ε≡≤
  36. ±ε±≡σΣε≥ε≈Φ≥ⁿ±  φα αφΦ∞α÷ΦΦ, °Ωαδα Γ≡σ∞σφΦ ∩εΩατ√Γασ≥ Γ±σ ²δσ∞σφ≥√ αφΦ∞α÷ΦΦ Φ
  37. π≡≤∩∩Φ≡≤σ≥ Φ⌡ Γ±σ Γ∞σ±≥σ Γ ±εε≥Γσ≥±≥ΓΦΦ ± π≡α⌠Φ≈σ±ΩΦ∞ ²δσ∞σφ≥ε∞, Ωε≥ε≡√Θ εφΦ
  38. αφΦ∞Φ≡≤■≥.</p>
  39.  
  40. <h2>╪Ωαδα Γ≡σ∞σφΦ</h2>
  41.  
  42. <p>╪Ωαδα Γ≡σ∞σφΦ Γ√ΓεΣΦ≥ αφΦ∞α÷Φ■ ±Γ ταφφ≤■ ± π≡α⌠Φ≈σ±ΩΦ∞Φ εß·σΩ≥α∞Φ. ╩αµΣ√Θ
  43. εß·σΩ≥ αφΦ∞α÷ΦΦ ΣεΩ≤∞σφ≥α ∩≡σΣ±≥αΓδσφ Γ ²≥εΘ °Ωαδσ, Γ ΓΦΣσ π≡α⌠Φ≈σ±Ωεπε
  44. ∩≡σΣ±≥αΓδσφΦ  ²≥Φ⌡ ²δσ∞σφ≥εΓ αφΦ∞α÷ΦΦ.</p>
  45.  
  46. <p>╤δσΣ≤■∙α  ⌠Φπ≤≡α ∩εΩατ√Γασ≥ ≥≡Φ εß·σΩ≥α αφΦ∞α÷ΦΦ ΣεΩ≤∞σφ≥α. ╩αµΣ√Θ εß·σΩ≥
  47. ∩εΩατ√Γασ≥±  Γ δσΓεΘ ≈α±≥Φ °Ωαδ√ ∞σ≥ΩεΘ ± ßσδ√∞ ⌠εφε∞ Φ ßδεΩε∞
  48. ≡α±∩εδαπα■∙Φ∞±  τα ²≥εΘ ∞σ≥ΩεΘ. ┘σδ≈εΩ ∩ε ∞σ≥Ωσ ∩εΣ±Γσ≈ΦΓασ≥ ±εε≥Γσ≥±≥Γ≤■∙ΦΘ
  49. ²δσ∞σφ≥ Γ ΓΦΣσ ╘ε≡∞α≥Φ≡εΓαφφ√Θ, εßσ±∩σ≈ΦΓα  ∩εδⁿτεΓα≥σδ  Ωεφ≥σΩ±≥ε∞ ²≥επε
  50. ²δσ∞σφ≥α. ┼±δΦ π≡α⌠Φ≈σ±ΩΦΘ ²δσ∞σφ≥ Φ∞σσ≥ εΣΦφ σΣΦφ±≥Γσφφ√Θ ²δσ∞σφ≥ αφΦ∞α÷ΦΦ
  51. (φα∩≡Φ∞σ≡ ²δσ∞σφ≥ ╧≡ ∞ε≤πεδⁿφΦΩ-Rectangle Γ ⌠Φπ≤≡σ), ²≥ε≥ ²δσ∞σφ≥ αφΦ∞α÷ΦΦ
  52. Γ√ΓεΣΦ≥±  ΩαΩ ÷Γσ≥φα  ∩εδε±Ωα. ┼±δΦ σ±≥ⁿ φσ±ΩεδⁿΩε ²δσ∞σφ≥εΓ, ≥ε ±σ≡α 
  53. ∩εδε±Ωα ß≤Σσ≥ ∩≡σΣ±≥αΓδ ≥ⁿ Γ±■ αφΦ∞α÷Φ■ (Circle-╩≡≤π, ΓφΦτ≤ ⌠Φπ≤≡√), Φ Ωφε∩Ωα
  54. '+' Γ Γ ∞σ≥Ωσ ∩ετΓεδ Φ≥ ∩εδⁿτεΓα≥σδ■ ∩εδ≤≈Φ≥ⁿ ≡α±°Φ≡σφφεσ ∩≡σΣ±≥αΓδσφΦσ.
  55. ▌δσ∞σφ≥ MyText,  Γδ σ≥±  ∩≡Φ∞σ≡ε∞ ≥αΩεπε ≡α±°Φ≡σφφεπε ∩≡σΣ±≥αΓδσφΦ , πΣσ
  56. ΩαµΣ√Θ ²δσ∞σφ≥ αφΦ∞α÷ΦΦ ∩≡σΣ±≥αΓδσφ ÷Γσ≥φεΘ ∩εδε±εΘ. ╩φε∩Ωα '-', ∩ετΓεδΦ≥
  57. ∩εδⁿτεΓα≥σδ■ Γσ≡φ≤≥ⁿ±  Ω ±µα≥ε∞≤ ∩≡σΣ±≥αΓδσφΦ■.</p>
  58.  
  59. <p>╧ετΦ÷Φ  φα °Ωαδσ Γ≡σ∞σφΦ ταΓΦ±Φ≥ ε≥ ≥επε, ΩεπΣα ²δσ∞σφ≥√ τα∩≤±Ωα■≥±  Φ
  60. ∩≡σΩ≡α∙α■≥ ΣσΘ±≥ΓεΓα≥ⁿ, α ÷Γσ≥ ΩαµΣεΘ ∩εδε±√ ε≥≡αµασ≥ ≥Φ∩ αφΦ∞α÷ΦΦ:</p>
  61. <ul>
  62.   <li>µ╕δ≥√Θ Σδ  <code>animate</code>,</li>
  63.   <li>Ω≡α±φ√Θ Σδ  <code>set</code>,</li>
  64.   <li>τσδ╕φ√Θ Σδ  <code>animateMotion</code>,</li>
  65.   <li>≥╕∞φε-±ΦφΦΘ Σδ  <code>animateColor</code>,</li>
  66.   <li>πεδ≤ßεΘ Σδ  <code>animateTransform</code></li>
  67. </ul>
  68.  
  69. <p class="figure"><img alt="┬ΦΣ αφΦ∞α÷ΦΦ"
  70. src="//home/vatton/Amaya/doc/images/timeline_view.png" /></p>
  71. </div>
  72.  
  73. <h2>╨σΣαΩ≥Φ≡εΓαφΦσ αφΦ∞α÷ΦΦ</h2>
  74.  
  75. <p>╪Ωαδα Γ≡σ∞σφΦ ∩εδστφα Σδ  ≥επε ≈≥εß√ ß√±≥≡ε ε÷σφΦ≥ⁿ αφΦ∞α÷Φ■ Γ±σΘ π≡α⌠ΦΩΦ
  76. Γ ΣεΩ≤∞σφ≥σ, α ≥αΩµσ ∩ετΓεδ σ≥ αΓ≥ε≡≤ ≡σΣαΩ≥Φ≡εΓα≥ⁿ αφΦ∞α÷Φ■. ╤≤∙σ±≥Γ≤■∙Φσ
  77. ²δσ∞σφ≥√ ∞επ≤≥ ß√≥ⁿ Φτ∞σφσφ√. ┴εδⁿ°Φφ±≥Γε ∞αφΦ∩≤δ ÷ΦΘ Γ√∩εδφ σ≥± 
  78. φσ∩ε±≡σΣ±≥Γσφφε Γ °Ωαδσ Γ≡σ∞σφΦ, ∩≤≥╕∞ ∩σ≡σ∞σ∙σφΦ  ∩εδε±√ ΦδΦ Φτ∞σφσφΦ  σ╕
  79. ΣδΦφ√. ▌≥ε φσ∞σΣδσφφε ε≥εß≡αµασ≥±  Φ Γ Σ≡≤πΦ⌡ ΓΦΣα⌡ ΣεΩ≤∞σφ≥α, πΣσ Φτ∞σφ ■≥± 
  80. ±εε≥Γσ≥±≥Γ≤■∙Φσ α≥≡Φß≤≥√ ²δσ∞σφ≥α αφΦ∞α÷ΦΦ (Γ ²≥ε∞ ±δ≤≈ασ α≥≡Φß≤≥√
  81. <code>begin</code> Φ <code>dur</code>).</p>
  82.  
  83. <p>╧≡Φ ±ετΣαφΦΦ αφΦ∞α÷ΦΦ ±≤∙σ±≥Γ≤■∙σπε π≡α⌠Φ≈σ±Ωεπε ²δσ∞σφ≥α:</p>
  84. <ul>
  85.   <li>╧εδⁿτεΓα≥σδⁿ Σεδµσφ φα≈Φφα≥ⁿ, ± Γ√ßε≡α Γ≡σ∞σφΦ φα≈αδα αφΦ∞α÷ΦΦ
  86.     <p>═αµ∞Φ≥σ Ctrl + δσΓα  Ωφε∩Ωα ∞√°Φ φα ßσπ≤φΩσ ± Ω≡α±φεΘ δΦφΦσΘ Φ
  87.     ∩σ≡σ∞σ±≥Φ≥σ σπε Γ φ≤µφ≤■ Γα∞ ±≥≡α≥εΓ≤■ ∩ετΦ÷Φ■</p>
  88.   </li>
  89.   <li>╟α≥σ∞ Γ√ßΦ≡ασ≥±  Φφ≥σ≡σ±≤■∙ΦΘ ∩εδⁿτεΓα≥σδ  ²δσ∞σφ≥ Γ ΓΦΣσ
  90.     ╘ε≡∞α≥Φ≡εΓαφφ√Θ
  91.     <p>┼±δΦ ²δσ∞σφ≥ Φ∞σδ ΦΣσφ≥Φ⌠ΦΩα≥ε≡ ID ≥ε εφ ß≤Σσ≥ Φ±∩εδⁿτεΓα≥ⁿ±  ΩαΩ
  92.     ∞σ≥Ωα,</p>
  93.   </li>
  94.   <li>╟α≥σ∞ ∙╕δΩφΦ≥σ ∩ε Ωφε∩Ωσ <img alt="αφΦ∞α÷Φ "
  95.     src="../../../amaya/anim_motion_sh_db.png" /> φα⌡εΣ ∙σΘ±  Γ δσΓε∞ Γσ≡⌡φσ∞
  96.     ≤πδ≤ εΩφα °Ωαδ√ Γ≡σ∞σφΦ
  97.     <p>▌≥ε ±ετΣα±≥ φεΓ√Θ ²δσ∞σφ≥ αφΦ∞α÷ΦΦ Γ ²≥ε∞ ΓΦΣσ.</p>
  98.   </li>
  99.   <li>╟α≥σ∞ ∩εδⁿτεΓα≥σδⁿ Σεδµσφ ≤Ωατα≥ⁿ ±≥α≡≥εΓ≤■ Φ Ωεφσ≈φ≤■ ∩ετΦ÷Φ■ ∞≤δⁿ≥ΦΩα
  100.     Γ ΓΦΣσ ╘ε≡∞α≥Φ≡εΓαφφ√Θ
  101.     <p>═αµ∞Φ≥σ Click Ctrl + δσΓα  Ωφε∩Ωα ∞√°Φ φα ∩ε ΓΦΓ°σΘ±  ΦΩεφΩσ <img
  102.     alt="cross" src="../../../amaya/timeline_cross.gif" /> Γ ΓΦΣσ
  103.     ╘ε≡∞α≥Φ≡εΓαφφ√Θ. ┬√∩εδφ   ²≥Φ ΣσΘ±≥ΓΦ  ∩εδⁿτεΓα≥σδⁿ ∞εµσ≥ ≤∩≡αΓδ ≥ⁿ
  104.     Ωδ■≈σΓ√∞Φ ∩ετΦ÷Φ ∞Φ αφΦ∞Φ≡εΓαφφεπε ²δσ∞σφ≥α Γ Ωεφ≥σΩ±≥σ Σ≡≤πΦ⌡
  105.     π≡α⌠Φ≈σ±ΩΦ⌡ ²δσ∞σφ≥εΓ. ╘α:≥Φ≈σ±:Φ, ∩εδⁿτεΓα≥σδⁿ ≡Φ±≤σ≥ ∩≤≥ⁿ ΣΓΦµσφΦ , ΩαΩ
  106.     ²≥ε ß√δε ß√ ∩≡Φ ≡Φ±εΓαφΦΦ δ■ßεΘ Ω≡ΦΓεΘ, ∩≡ΦφαΣδσµα∙σΘ ΣεΩ≤∞σφ≥≤.</p>
  107.   </li>
  108.   <li>═αΩεφσ÷, ΓετΓ≡α∙α ±ⁿ Ω °Ωαδσ Γ≡σ∞σφΦ, ∩εδⁿτεΓα≥σδⁿ ∞εµσ≥ ∩σ≡σ∞σ∙α≥ⁿ
  109.     Φ/ΦδΦ Φτ∞σφ ≥ⁿ ≡ατ∞σ≡√ φεΓεΘ ∩εδε±√, Σδ  Ωε≡≡σΩ≥Φ≡εΓΩΦ ±Φφ⌡≡εφΦτα÷ΦΦ.</li>
  110. </ul>
  111.  
  112. <p>╙∩≡αΓδσφΦσ Γ≡σ∞σφσ∞ Γ °Ωαδσ Γ≡σ∞σφΦ ßεδσσ ≤Σεßφε, ∩ε±ΩεδⁿΩ≤ ²≥ε ∩ετΓεδ σ≥
  113. ∩εδⁿτεΓα≥σδ■ δ≤≈°σ ∩εφΦ∞α≥ⁿ ±Φφ⌡≡εφΦτα÷Φ■ ±∩σ÷Φ⌠Φ≈σ±Ωεπε ²δσ∞σφ≥α ± Σ≡≤πΦ∞Φ
  114. αφΦ∞Φ≡εΓαφφ√∞Φ ²δσ∞σφ≥α∞Φ. ╧εδⁿτεΓα≥σδⁿ ∞εµσ≥ Φτ∞σφ ≥ⁿ Ωδ■≈σΓ√σ ∩ετΦ÷ΦΦ Γ
  115. ΓΦΣσ ├δαΓφ√Θ, ∩≤≥╕∞ ∩σ≡σ∞σ∙σφΦ  Ωεφ≥≡εδⁿφ√⌡ ≥ε≈σΩ ∞√°ⁿ■. ═ε Γ Σ≡≤πΦ⌡ ΓΦΣα⌡
  116. ≥αΩµσ Γετ∞εµφε ≡σΣαΩ≥Φ≡εΓαφΦσ, Φ φσΩε≥ε≡√σ ∩α≡α∞σ≥≡√ ∞επ≤≥ ß√≥ⁿ
  117. ε≥Ωε≡≡σΩ≥Φ≡εΓαφ√ Γ ΓΦΣσ ╤≥≡≤Ω≥≤≡α, ≥αΩµσ ΩαΩ ²≥ε Σσδασ≥±  Γ Φ±⌡εΣφε∞ ΩεΣσ
  118. ΣεΩ≤∞σφ≥α.</p>
  119.  
  120. <p>╧≡Φ ±ετΣαφΦΦ ÷Γσ≥εΓεπε Φτ∞σφσφΦ  ±≤∙σ±≥Γ≤■∙σπε ²δσ∞σφ≥α π≡α⌠ΦΩΦ,
  121. ∩εδⁿτεΓα≥σδⁿ Σεδµσφ φα≈α≥ⁿ ± Γ√ßε≡α ²δσ∞σφ≥α Γ Φφ≥σ≡σ±≤■∙σ∞ σπε ΓΦΣσ ├δαΓφ√Θ,
  122. τα≥σ∞ ∩εδⁿτεΓα≥σδⁿ Σεδµσφ ∙╕δΩφ≤≥ⁿ ∩ε Ωφε∩Ωσ <img alt="÷Γσ≥ αφΦ∞α÷ΦΦ"
  123. src="../../../amaya/anim_color_sh_db.png" /> φα⌡εΣ ∙σΘ±  Γ δσΓε∞ Γσ≡⌡φσ∞ ≤πδ≤
  124. εΩφα °Ωαδ√ Γ≡σ∞σφΦ.</p>
  125.  
  126. <p>╧εδⁿτεΓα≥σδⁿ ∞εµσ≥ ≤∩≡αΓδ ≥ⁿ ∩εδε±εΘ, ∩≡σΣ±≥αΓδ ■∙σΘ αφΦ∞α÷Φ■, ≥αΩΦ∞ µσ
  127. εß≡ατε∞ ΩαΩ εφ ≤∩≡αΓδ σ≥ ∩≡ ∞ε≤πεδⁿφΦΩε∞ Γ ΣεΩ≤∞σφ≥σ. ╤≤∙σ±≥Γ≤■≥ φσΩε≥ε≡√σ
  128. επ≡αφΦ≈σφΦ  φα Φ±∩εδⁿτεΓαφΦσ °Ωαδ√ Γ≡σ∞σφΦ. ═α∩≡Φ∞σ≡, ÷Γσ≥φ√σ ∩εδε±√ ∞επ≤≥
  129. ΣΓΦπα≥ⁿ±  ≥εδⁿΩε πε≡Φτεφ≥αδⁿφε ∩ε ε±Φ Γ≡σ∞σφΦ, Φ Φ⌡ Γ√±ε≥α φσ ∞εµσ≥ ß√≥ⁿ
  130. Φτ∞σφσφα. ▌≥Φ επ≡αφΦ≈σφΦ  ε∩≡σΣσδσφ√ ±σ∞αφ≥ΦΩεΘ π≡α⌠Φ≈σ±Ωεπε  τ√Ωα °Ωαδ√
  131. Γ≡σ∞σφΦ.</p>
  132. </body>
  133. </html>
  134.