月別アーカイブ: 2014年2月

File APIでディスクトップ上のテキストファイルを読み込む

File APIを使ってディスクトップ上のテキストファイルを読み込むまず、ファイルを読み込むためにはFileReaderインタフェースオブジェクトを取得する。 var fr = new FileReader(); ファ …続きを読む→

File API:Writerで定義されているBrobBuilderを使うと、ブラウザ側で書き出したファイルをパソコンなどにダウンロードすることができる。 BrobBuilderは比較的新しい仕様のFileWriteであ …続きを読む→

HTML5からサポートされているFile APIを使って、サーバー上のファイルではなくディスクトップ上のファイルにアクセスすることができる。さっそく、ディスクトップ上の画像ファイルを読み込み表示してみた。 HTML &l …続きを読む→

JavaScriptで次のようなテキストノード（下の例では”日本”や”アメリカ”)を操作するにはinnerHTMLプロパティとnodeValueプロパティ及びtextCon …続きを読む→

CSS3では透明度を現すアルファ値を色指定で使うことができる。文字色でも利用できるため、重ね合わせの表現ができる。先ずは、アルファ値の確認のため、左からtext-shadowのアルファ値を1.0、0.9・・・・・と順に …続きを読む→

CSS3のtext-shadowを使って文字自体が発光するような表現ができる。背景は明るい色より暗い色のほうが効果を確認できる。文字の周囲は白にして文字自体が光っている感じを表現する。残りの指定で発光しているいる色を …続きを読む→

CSS3のtext-shadowを利用して立体感のある文字を表現することができる。ベベル（立体的に角を切り取る）表現を実現するには、上左方向に1pxの明るい色を指定、そして右下方向に影をつける。エンボス（浮き彫り）表 …続きを読む→

CSS3のtext-shadowを使って袋文字を作ることができ、文字を立体的に表現することができる。 CSSは次のとおり h1.shadow03-1 { font-size:4.0em; color:#DDD; text …続きを読む→

今日は雪が降りました。横浜でも年に一度位は雪が降ります。妻も私も雪国育ちなので雪にはなれていて雪が降ると少しうれしいです。下の画像は用事があって自宅から上大岡まで行く途中のものです。雪は約３センチ積もっていました。 …続きを読む→

JavaScriptでテキストを書き換えるにはこれまでinnerHTMLメソッドを使っていたが、textContentメソッドでも書き換えられることが分かったので記録しておく。両者の違いは次のとおりである。 textC …続きを読む→