「HTML/HTML5」の版間の差分
削除された内容 追加された内容
→canvas要素: アニメーション javascript |
|||
153 行
アニメーション処理などをしたい場合、円や四角などの簡単な図形を動かすだけなら、JavaScriptとcanvasタグを連携させれば、webブラウザで簡単な図形がアニメーションする動画を表示させられる。
詳しい解説は、たとえば[https://developer.mozilla.org/ja/docs/Web/API/Canvas_API/Tutorial/Basic_animations モジラ公式サイト"Basic animations" ] などにある。もしかしたらブラウザによって挙動が変わるかもしれないので､実用の際には都度、実機で確認のこと。
コード例▼
下記のコード中にある<code>setInterval</code> の書式と内容は
setInterval(function, delay)
::function で指定した関数を delay ミリ秒ごとに繰り返し実行、
である。
▲;コード例
<syntaxhighlight lang="html5">
<!DOCTYPE html>
| |||