home *** CD-ROM | disk | FTP | other *** search
- <?xml version="1.0" encoding="windows-1251"?>
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
- "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <meta http-equiv="Content-Type"
- content="application/xhtml+xml; charset=windows-1251" />
- <title>Ãðàôèêà è SMIL
- àíèìàöèÿ</title>
- <meta name="generator" content="amaya 8.5, see http://www.w3.org/Amaya/" />
- <link href="../style.css" rel="stylesheet" type="text/css" />
- </head>
-
- <body>
-
- <table border="0" width="100%" summary="toc">
- <tbody>
- <tr>
- <td><img alt="W3C" src="../../images/w3c_home" /> <img alt="Amaya"
- src="../../images/amaya.gif" /></td>
- <td><p align="right"><a href="SVGLibrary.html.ru" accesskey="p"><img
- alt="╧≡σΣ√Σ≤∙ΦΘ" src="../../images/left.gif" /></a> <a
- href="../SVG.html.ru" accesskey="t"><img alt="┬Γσ≡⌡"
- src="../../images/up.gif" /></a></p>
- </td>
- </tr>
- </tbody>
- </table>
-
- <div id="page_body">
- <h1>├≡α⌠ΦΩα Φ SMIL αφΦ∞α÷Φ </h1>
-
- <p>SVG ∩≡σΣ±≥αΓδ σ≥ αφΦ∞α÷Φ■ ΩαΩ ²δσ∞σφ≥√ ±ετΣα■∙σσ ≡ατφεεß≡ατΦσ πδαΓφεΘ
- ±≥≡≤Ω≥≤≡√, ∩≡σΣ±≥αΓδ ■∙σΘ π≡α⌠ΦΩ≤. ▌δσ∞σφ≥√ αφΦ∞α÷ΦΦ ∩ε Γδ ■≥± ΩαΩ ∩ε≥ε∞ΩΦ
- π≡α⌠Φ≈σ±ΩΦ⌡ ²δσ∞σφ≥εΓ Ωε≥ε≡√σ εφΦ αφΦ∞Φ≡≤■≥. ╫≥εß√ ∩ετΓεδΦ≥ⁿ αΓ≥ε≡≤
- ±ε±≡σΣε≥ε≈Φ≥ⁿ± φα αφΦ∞α÷ΦΦ, °Ωαδα Γ≡σ∞σφΦ ∩εΩατ√Γασ≥ Γ±σ ²δσ∞σφ≥√ αφΦ∞α÷ΦΦ Φ
- π≡≤∩∩Φ≡≤σ≥ Φ⌡ Γ±σ Γ∞σ±≥σ Γ ±εε≥Γσ≥±≥ΓΦΦ ± π≡α⌠Φ≈σ±ΩΦ∞ ²δσ∞σφ≥ε∞, Ωε≥ε≡√Θ εφΦ
- αφΦ∞Φ≡≤■≥.</p>
-
- <h2>╪Ωαδα Γ≡σ∞σφΦ</h2>
-
- <p>╪Ωαδα Γ≡σ∞σφΦ Γ√ΓεΣΦ≥ αφΦ∞α÷Φ■ ±Γ ταφφ≤■ ± π≡α⌠Φ≈σ±ΩΦ∞Φ εß·σΩ≥α∞Φ. ╩αµΣ√Θ
- εß·σΩ≥ αφΦ∞α÷ΦΦ ΣεΩ≤∞σφ≥α ∩≡σΣ±≥αΓδσφ Γ ²≥εΘ °Ωαδσ, Γ ΓΦΣσ π≡α⌠Φ≈σ±Ωεπε
- ∩≡σΣ±≥αΓδσφΦ ²≥Φ⌡ ²δσ∞σφ≥εΓ αφΦ∞α÷ΦΦ.</p>
-
- <p>╤δσΣ≤■∙α ⌠Φπ≤≡α ∩εΩατ√Γασ≥ ≥≡Φ εß·σΩ≥α αφΦ∞α÷ΦΦ ΣεΩ≤∞σφ≥α. ╩αµΣ√Θ εß·σΩ≥
- ∩εΩατ√Γασ≥± Γ δσΓεΘ ≈α±≥Φ °Ωαδ√ ∞σ≥ΩεΘ ± ßσδ√∞ ⌠εφε∞ Φ ßδεΩε∞
- ≡α±∩εδαπα■∙Φ∞± τα ²≥εΘ ∞σ≥ΩεΘ. ┘σδ≈εΩ ∩ε ∞σ≥Ωσ ∩εΣ±Γσ≈ΦΓασ≥ ±εε≥Γσ≥±≥Γ≤■∙ΦΘ
- ²δσ∞σφ≥ Γ ΓΦΣσ ╘ε≡∞α≥Φ≡εΓαφφ√Θ, εßσ±∩σ≈ΦΓα ∩εδⁿτεΓα≥σδ Ωεφ≥σΩ±≥ε∞ ²≥επε
- ²δσ∞σφ≥α. ┼±δΦ π≡α⌠Φ≈σ±ΩΦΘ ²δσ∞σφ≥ Φ∞σσ≥ εΣΦφ σΣΦφ±≥Γσφφ√Θ ²δσ∞σφ≥ αφΦ∞α÷ΦΦ
- (φα∩≡Φ∞σ≡ ²δσ∞σφ≥ ╧≡ ∞ε≤πεδⁿφΦΩ-Rectangle Γ ⌠Φπ≤≡σ), ²≥ε≥ ²δσ∞σφ≥ αφΦ∞α÷ΦΦ
- Γ√ΓεΣΦ≥± ΩαΩ ÷Γσ≥φα ∩εδε±Ωα. ┼±δΦ σ±≥ⁿ φσ±ΩεδⁿΩε ²δσ∞σφ≥εΓ, ≥ε ±σ≡α
- ∩εδε±Ωα ß≤Σσ≥ ∩≡σΣ±≥αΓδ ≥ⁿ Γ±■ αφΦ∞α÷Φ■ (Circle-╩≡≤π, ΓφΦτ≤ ⌠Φπ≤≡√), Φ Ωφε∩Ωα
- '+' Γ Γ ∞σ≥Ωσ ∩ετΓεδ Φ≥ ∩εδⁿτεΓα≥σδ■ ∩εδ≤≈Φ≥ⁿ ≡α±°Φ≡σφφεσ ∩≡σΣ±≥αΓδσφΦσ.
- ▌δσ∞σφ≥ MyText, Γδ σ≥± ∩≡Φ∞σ≡ε∞ ≥αΩεπε ≡α±°Φ≡σφφεπε ∩≡σΣ±≥αΓδσφΦ , πΣσ
- ΩαµΣ√Θ ²δσ∞σφ≥ αφΦ∞α÷ΦΦ ∩≡σΣ±≥αΓδσφ ÷Γσ≥φεΘ ∩εδε±εΘ. ╩φε∩Ωα '-', ∩ετΓεδΦ≥
- ∩εδⁿτεΓα≥σδ■ Γσ≡φ≤≥ⁿ± Ω ±µα≥ε∞≤ ∩≡σΣ±≥αΓδσφΦ■.</p>
-
- <p>╧ετΦ÷Φ φα °Ωαδσ Γ≡σ∞σφΦ ταΓΦ±Φ≥ ε≥ ≥επε, ΩεπΣα ²δσ∞σφ≥√ τα∩≤±Ωα■≥± Φ
- ∩≡σΩ≡α∙α■≥ ΣσΘ±≥ΓεΓα≥ⁿ, α ÷Γσ≥ ΩαµΣεΘ ∩εδε±√ ε≥≡αµασ≥ ≥Φ∩ αφΦ∞α÷ΦΦ:</p>
- <ul>
- <li>µ╕δ≥√Θ Σδ <code>animate</code>,</li>
- <li>Ω≡α±φ√Θ Σδ <code>set</code>,</li>
- <li>τσδ╕φ√Θ Σδ <code>animateMotion</code>,</li>
- <li>≥╕∞φε-±ΦφΦΘ Σδ <code>animateColor</code>,</li>
- <li>πεδ≤ßεΘ Σδ <code>animateTransform</code></li>
- </ul>
-
- <p class="figure"><img alt="┬ΦΣ αφΦ∞α÷ΦΦ"
- src="//home/vatton/Amaya/doc/images/timeline_view.png" /></p>
- </div>
-
- <h2>╨σΣαΩ≥Φ≡εΓαφΦσ αφΦ∞α÷ΦΦ</h2>
-
- <p>╪Ωαδα Γ≡σ∞σφΦ ∩εδστφα Σδ ≥επε ≈≥εß√ ß√±≥≡ε ε÷σφΦ≥ⁿ αφΦ∞α÷Φ■ Γ±σΘ π≡α⌠ΦΩΦ
- Γ ΣεΩ≤∞σφ≥σ, α ≥αΩµσ ∩ετΓεδ σ≥ αΓ≥ε≡≤ ≡σΣαΩ≥Φ≡εΓα≥ⁿ αφΦ∞α÷Φ■. ╤≤∙σ±≥Γ≤■∙Φσ
- ²δσ∞σφ≥√ ∞επ≤≥ ß√≥ⁿ Φτ∞σφσφ√. ┴εδⁿ°Φφ±≥Γε ∞αφΦ∩≤δ ÷ΦΘ Γ√∩εδφ σ≥±
- φσ∩ε±≡σΣ±≥Γσφφε Γ °Ωαδσ Γ≡σ∞σφΦ, ∩≤≥╕∞ ∩σ≡σ∞σ∙σφΦ ∩εδε±√ ΦδΦ Φτ∞σφσφΦ σ╕
- ΣδΦφ√. ▌≥ε φσ∞σΣδσφφε ε≥εß≡αµασ≥± Φ Γ Σ≡≤πΦ⌡ ΓΦΣα⌡ ΣεΩ≤∞σφ≥α, πΣσ Φτ∞σφ ■≥±
- ±εε≥Γσ≥±≥Γ≤■∙Φσ α≥≡Φß≤≥√ ²δσ∞σφ≥α αφΦ∞α÷ΦΦ (Γ ²≥ε∞ ±δ≤≈ασ α≥≡Φß≤≥√
- <code>begin</code> Φ <code>dur</code>).</p>
-
- <p>╧≡Φ ±ετΣαφΦΦ αφΦ∞α÷ΦΦ ±≤∙σ±≥Γ≤■∙σπε π≡α⌠Φ≈σ±Ωεπε ²δσ∞σφ≥α:</p>
- <ul>
- <li>╧εδⁿτεΓα≥σδⁿ Σεδµσφ φα≈Φφα≥ⁿ, ± Γ√ßε≡α Γ≡σ∞σφΦ φα≈αδα αφΦ∞α÷ΦΦ
- <p>═αµ∞Φ≥σ Ctrl + δσΓα Ωφε∩Ωα ∞√°Φ φα ßσπ≤φΩσ ± Ω≡α±φεΘ δΦφΦσΘ Φ
- ∩σ≡σ∞σ±≥Φ≥σ σπε Γ φ≤µφ≤■ Γα∞ ±≥≡α≥εΓ≤■ ∩ετΦ÷Φ■</p>
- </li>
- <li>╟α≥σ∞ Γ√ßΦ≡ασ≥± Φφ≥σ≡σ±≤■∙ΦΘ ∩εδⁿτεΓα≥σδ ²δσ∞σφ≥ Γ ΓΦΣσ
- ╘ε≡∞α≥Φ≡εΓαφφ√Θ
- <p>┼±δΦ ²δσ∞σφ≥ Φ∞σδ ΦΣσφ≥Φ⌠ΦΩα≥ε≡ ID ≥ε εφ ß≤Σσ≥ Φ±∩εδⁿτεΓα≥ⁿ± ΩαΩ
- ∞σ≥Ωα,</p>
- </li>
- <li>╟α≥σ∞ ∙╕δΩφΦ≥σ ∩ε Ωφε∩Ωσ <img alt="αφΦ∞α÷Φ "
- src="../../../amaya/anim_motion_sh_db.png" /> φα⌡εΣ ∙σΘ± Γ δσΓε∞ Γσ≡⌡φσ∞
- ≤πδ≤ εΩφα °Ωαδ√ Γ≡σ∞σφΦ
- <p>▌≥ε ±ετΣα±≥ φεΓ√Θ ²δσ∞σφ≥ αφΦ∞α÷ΦΦ Γ ²≥ε∞ ΓΦΣσ.</p>
- </li>
- <li>╟α≥σ∞ ∩εδⁿτεΓα≥σδⁿ Σεδµσφ ≤Ωατα≥ⁿ ±≥α≡≥εΓ≤■ Φ Ωεφσ≈φ≤■ ∩ετΦ÷Φ■ ∞≤δⁿ≥ΦΩα
- Γ ΓΦΣσ ╘ε≡∞α≥Φ≡εΓαφφ√Θ
- <p>═αµ∞Φ≥σ Click Ctrl + δσΓα Ωφε∩Ωα ∞√°Φ φα ∩ε ΓΦΓ°σΘ± ΦΩεφΩσ <img
- alt="cross" src="../../../amaya/timeline_cross.gif" /> Γ ΓΦΣσ
- ╘ε≡∞α≥Φ≡εΓαφφ√Θ. ┬√∩εδφ ²≥Φ ΣσΘ±≥ΓΦ ∩εδⁿτεΓα≥σδⁿ ∞εµσ≥ ≤∩≡αΓδ ≥ⁿ
- Ωδ■≈σΓ√∞Φ ∩ετΦ÷Φ ∞Φ αφΦ∞Φ≡εΓαφφεπε ²δσ∞σφ≥α Γ Ωεφ≥σΩ±≥σ Σ≡≤πΦ⌡
- π≡α⌠Φ≈σ±ΩΦ⌡ ²δσ∞σφ≥εΓ. ╘α:≥Φ≈σ±:Φ, ∩εδⁿτεΓα≥σδⁿ ≡Φ±≤σ≥ ∩≤≥ⁿ ΣΓΦµσφΦ , ΩαΩ
- ²≥ε ß√δε ß√ ∩≡Φ ≡Φ±εΓαφΦΦ δ■ßεΘ Ω≡ΦΓεΘ, ∩≡ΦφαΣδσµα∙σΘ ΣεΩ≤∞σφ≥≤.</p>
- </li>
- <li>═αΩεφσ÷, ΓετΓ≡α∙α ±ⁿ Ω °Ωαδσ Γ≡σ∞σφΦ, ∩εδⁿτεΓα≥σδⁿ ∞εµσ≥ ∩σ≡σ∞σ∙α≥ⁿ
- Φ/ΦδΦ Φτ∞σφ ≥ⁿ ≡ατ∞σ≡√ φεΓεΘ ∩εδε±√, Σδ Ωε≡≡σΩ≥Φ≡εΓΩΦ ±Φφ⌡≡εφΦτα÷ΦΦ.</li>
- </ul>
-
- <p>╙∩≡αΓδσφΦσ Γ≡σ∞σφσ∞ Γ °Ωαδσ Γ≡σ∞σφΦ ßεδσσ ≤Σεßφε, ∩ε±ΩεδⁿΩ≤ ²≥ε ∩ετΓεδ σ≥
- ∩εδⁿτεΓα≥σδ■ δ≤≈°σ ∩εφΦ∞α≥ⁿ ±Φφ⌡≡εφΦτα÷Φ■ ±∩σ÷Φ⌠Φ≈σ±Ωεπε ²δσ∞σφ≥α ± Σ≡≤πΦ∞Φ
- αφΦ∞Φ≡εΓαφφ√∞Φ ²δσ∞σφ≥α∞Φ. ╧εδⁿτεΓα≥σδⁿ ∞εµσ≥ Φτ∞σφ ≥ⁿ Ωδ■≈σΓ√σ ∩ετΦ÷ΦΦ Γ
- ΓΦΣσ ├δαΓφ√Θ, ∩≤≥╕∞ ∩σ≡σ∞σ∙σφΦ Ωεφ≥≡εδⁿφ√⌡ ≥ε≈σΩ ∞√°ⁿ■. ═ε Γ Σ≡≤πΦ⌡ ΓΦΣα⌡
- ≥αΩµσ Γετ∞εµφε ≡σΣαΩ≥Φ≡εΓαφΦσ, Φ φσΩε≥ε≡√σ ∩α≡α∞σ≥≡√ ∞επ≤≥ ß√≥ⁿ
- ε≥Ωε≡≡σΩ≥Φ≡εΓαφ√ Γ ΓΦΣσ ╤≥≡≤Ω≥≤≡α, ≥αΩµσ ΩαΩ ²≥ε Σσδασ≥± Γ Φ±⌡εΣφε∞ ΩεΣσ
- ΣεΩ≤∞σφ≥α.</p>
-
- <p>╧≡Φ ±ετΣαφΦΦ ÷Γσ≥εΓεπε Φτ∞σφσφΦ ±≤∙σ±≥Γ≤■∙σπε ²δσ∞σφ≥α π≡α⌠ΦΩΦ,
- ∩εδⁿτεΓα≥σδⁿ Σεδµσφ φα≈α≥ⁿ ± Γ√ßε≡α ²δσ∞σφ≥α Γ Φφ≥σ≡σ±≤■∙σ∞ σπε ΓΦΣσ ├δαΓφ√Θ,
- τα≥σ∞ ∩εδⁿτεΓα≥σδⁿ Σεδµσφ ∙╕δΩφ≤≥ⁿ ∩ε Ωφε∩Ωσ <img alt="÷Γσ≥ αφΦ∞α÷ΦΦ"
- src="../../../amaya/anim_color_sh_db.png" /> φα⌡εΣ ∙σΘ± Γ δσΓε∞ Γσ≡⌡φσ∞ ≤πδ≤
- εΩφα °Ωαδ√ Γ≡σ∞σφΦ.</p>
-
- <p>╧εδⁿτεΓα≥σδⁿ ∞εµσ≥ ≤∩≡αΓδ ≥ⁿ ∩εδε±εΘ, ∩≡σΣ±≥αΓδ ■∙σΘ αφΦ∞α÷Φ■, ≥αΩΦ∞ µσ
- εß≡ατε∞ ΩαΩ εφ ≤∩≡αΓδ σ≥ ∩≡ ∞ε≤πεδⁿφΦΩε∞ Γ ΣεΩ≤∞σφ≥σ. ╤≤∙σ±≥Γ≤■≥ φσΩε≥ε≡√σ
- επ≡αφΦ≈σφΦ φα Φ±∩εδⁿτεΓαφΦσ °Ωαδ√ Γ≡σ∞σφΦ. ═α∩≡Φ∞σ≡, ÷Γσ≥φ√σ ∩εδε±√ ∞επ≤≥
- ΣΓΦπα≥ⁿ± ≥εδⁿΩε πε≡Φτεφ≥αδⁿφε ∩ε ε±Φ Γ≡σ∞σφΦ, Φ Φ⌡ Γ√±ε≥α φσ ∞εµσ≥ ß√≥ⁿ
- Φτ∞σφσφα. ▌≥Φ επ≡αφΦ≈σφΦ ε∩≡σΣσδσφ√ ±σ∞αφ≥ΦΩεΘ π≡α⌠Φ≈σ±Ωεπε τ√Ωα °Ωαδ√
- Γ≡σ∞σφΦ.</p>
- </body>
- </html>
-