テキストのランダム表示 (HTML5 canvasタグ版)
下の黄色い部分をクリックしてみてください。クリックした場所の右上に単語が表示されます。
なお、表示される単語は、クリックするごとに変わることがあります。
アプレットとの違い
- 使用言語
- HTML5, JavaScript
- JavaScriptソースの場所
- 本ページのヘッダに含めています。
- 背景色の指定方法
- CSSで指定しています。
- フォントファミリー
- Javaで指定できる値ではなく、CSSで指定できる以下の値を使用しています。
- sans-serif
- serif
- cursive
- fantasy
- monospace
- クリックした場所による効果
- 同じ場所で2回以上速めにクリックすると、ダブルクリックと見なされます。その結果、canvas要素の下の方で、1語または1行のテキストが選択されます。
- ドラッグに対する反応
- ドラッグした先で文字列が現れます。