- HOME
- HTML5時代のJavaScript入門
こちらのページでは、HTML5時代におけるJavaScriptの活用方法を解説していきます。 HTML5+CSS3+JavaScriptの組み合わせは、 スマートフォンのアプリなどを作る場合にも使用される注目度の高い技術です。 是非その基本をマスターしてください。
ただ、HTML5はまだ仕様が確定していない部分が多く、ブラウザによって実装がまちまちです。 動作するブラウザもあれば、しないブラウザもあります。 その点はその都度確認して使用するようになさってください。
HTML5におけるJavaScript 目次
Canvas編
1.Canvasを使う準備
2.直線・多角形を描く
3.矩形を描く
4.円・円弧を描く
5.線幅・形状を指定する
6.色と不透明度の設定
7.グラデーション指定
8.テキストを描画する
9.テキストの配置
10.画像を描画する
11.描画面を回転させる
12.描画面を変形させる
13.描画面を移動させる
14.影を付ける
15.canvasを画像に変換する
16.canvas情報の保存・復元
17.画像を並べる
18.グレースケール・セピア調化
Web Storage編
DragDrop編
1.DragDropの基礎
2.テキストのDragDrop
3.HTML要素のDragDrop
4.ドラッグ要素を移動する
5.複数のドラッグ要素を扱う
6.複数のドロップ要素を扱う
7.ドラッグ中の画像の変更
8.ドロップ領域を目立たせる