インターネット・パソコン Feed

2022年8月 8日 (月)

CSSでカラー画像に変化を(3)

以前、CSS(Cascading Style Sheets)のフィルター機能の使用によって、カラー画像を種々変換できることを紹介し、下記(1)~(6)の実例を2回に分けて掲げました。

(1)blur(ぼかし)
(2)brightness(明度)
(3)contrast(コントラスト)
(4)drop-shadow(ドロップシャドウ)
(5)grayscale(グレースケール)
(6)hue-rotate(色相環)
(7)invert(階調の反転)
(8)opacity(不透明度)
(9)saturate(彩度)
(10)sepia(セピア)

今回は上記の(7)~(10)について紹介します。

今年、我が家の庭に咲いたひまわりの写真に対して、色々と変化を加えてみました。

  

(7)invert(階調の反転)
(8)opacity(不透明度)
(9)saturate(彩度)
(10)sepia(セピア)

 

ー> CSSでカラー画像に変化を(1~4)
ー> CSSでカラー画像に変化を(5~6)

2022年7月19日 (火)

浮出し迷路の解法に挑戦

浮出し迷路とは入口から出口に向かって、最短距離で通り抜け、通った道を塗潰すと絵が浮かび上がるものです。

下の例は2022年5月に朝日新聞に掲載された浮き出し迷路です。

現在、このような迷路の画像を元に自動的に答えを導き出す方法(アプリ)を検討中ですが、この例についてはうまくいったので紹介します。

今後、色々な迷路について更に確認を進めて、アプリの問題点を洗い出す予定です。

自動解法アプリでの処理結果です。

うまく処理できているように見えます。

2022年7月12日 (火)

CSSでカラー画像に変化を(2)

以前、CSS(Cascading Style Sheets)のフィルター機能の使用によって、カラー画像を種々変換できることを紹介し、下記(1)~(4)の実例を掲げました。

(1)blur(ぼかし)
(2)brightness(明度)
(3)contrast(コントラスト)
(4)drop-shadow(ドロップシャドウ)
(5)grayscale(グレースケール)
(6)hue-rotate(色相環)
(7)invert(階調の反転)
(8)opacity(不透明度)
(9)saturate(彩度)
(10)sepia(セピア)

今回は上記の(5)~(6)について紹介します。

我が家の庭に今咲いているひまわりの写真に対して、色々と変化を加えてみました。

  

(5)grayscale(グレースケール = 白黒画像)
(6)hue-rotate(色相環)

 

ー> CSSでカラー画像に変化を(1~4)

2022年7月 8日 (金)

CSSでカラー画像に変化を

以前、CSS(Cascading Style Sheets)のフィルター機能の使用によって、カラー画像を白黒に変換する話題を紹介しました。

    

CSSのフィルター機能にはそれ以外にも種々のものがあります。

(1)blur(ぼかし)
(2)brightness(明度)
(3)contrast(コントラスト)
(4)drop-shadow(ドロップシャドウ)
(5)grayscale(グレースケール)・・・・・白黒にする
(6)hue-rotate(色相環)
(7)invert(階調の反転)
(8)opacity(不透明度)
(9)saturate(彩度)
(10)sepia(セピア)

上記の内、(1)~(4)について下記に実例を示しています。

(1)blur(ぼかし)
(2)brightness(明度)
(3)contrast(コントラスト)
(4)drop-shadow(ドロップシャドウ)

 

ー> CSSでカラー画像を白黒に

2022年6月30日 (木)

CSSでカラー画像を白黒に

ウェブページのスタイルを設定するCSS(Cascading Style Sheets)のフィルター機能の使用により、例えばカラー画像だけ準備すれば白黒の画像を簡単に表示することができます。

広島ビッグアーチのカラー画像と、それにフィルター機能を使って白黒の画像に変換したものです。

上の2つの画像の中間的な色合いの(少し色味が残っている)画像も表示できます。

CSSのフィルター機能には種々のものがありますが、これらについては後日また・・・。

 

ー> 400mトラックの1周は約398m?

2022年6月17日 (金)

太陽光発電: 発電量データ(数値)を取得する自作アプリの書き換え

我が家の太陽光発電システムは昨年9月初めに保証期限(10年)が終了し、1時間毎発電量の数値データが精度よく取得できなくなりました。

そこで昨年、電力モニタの発電量グラフから1時間毎発電量の数値データを精度よく取得するアプリを作成して対処してきましたが、今回このままこれを継続できない事情が発生しました。

当初作成したアプリはJavaScript言語で書かれていましたが、色々と問題があり、今回これをJava言語に書き換え、ブラウザなしで直接実行できるWindowsアプリとしました。

 

新アプリでの実行結果の例を示します。

棒グラフを読み取り、これを自動的に数値化(xxx kWh/h)して、既定のフォーマットで出力します。

従来版と同等の精度で1時間毎の発電量が取得できています。

 

ー> 詳細はこちら

ー> 太陽光発電: Webモニタリングサービスがついに終了(2021/9/6のBlog)

2022年4月24日 (日)

室内有線LAN工事を実施

先日、家の1Fから2FへのCAT6AケーブルによるLAN配線工事を、ハウスメーカの関連業者に依頼しました。

30mのLANケーブルはこちらで準備して配線工事のみお願いしました。

ホームゲートウェイ(HGW)を設置している1Fの部屋から、下記経路でLANケーブルを敷設:

 HGW ~1Fの部屋の壁~(壁内を下方に)~ 1F床下A ~ 1F床下B

  ~(壁内を上方に)~ 2F天井裏B ~ 2F天井裏C ~(壁内を下方に)

  ~ 2Fの部屋の壁下部 ~ PC(or ルータ)

ケーブル両端の端子がいずれも壁面のLANコンセント(モジュラージャック)の差込口から出ている状態での配線です。

1Fの端子をHGWに接続し、2Fの端子をPC(あるいはルータ)に接続して使用します。

ハウスメーカは建物の壁構造等がわかっているため、電源コンセント穴をうまく利用して床下、壁内、天井裏を経由してLANケーブルを巧みに配線していました。

(2F ケーブル端)

2022年4月16日 (土)

室内有線LAN工事見積りでCAT6Aケーブルが3万円!

先日、家の1Fから2FへのCAT6AケーブルによるLAN配線工事をある業者に見積り依頼したところ、ケーブル代だけで3万円、配線工事が6万円とのこと。

個人住宅の1Fの部屋Aから2Fの部屋Bまで直線距離でせいぜい10m程度、床下や壁内部などケーブルを敷設しやすい場所を経由しても30mもあれば十分、どうしてケーブルが3万円もするのか、高すぎるのではないかと問い合わせたところ、100m単位でしか購入できないとの回答。

家電量販店に行けば、10m、20m、30mなどの6Aケーブルが2~3千円くらいで売られています。

業者は100mのケーブルを手配して、残ったものはどうするのでしょうか。

結局、ケーブルはこちらで準備して配線工事のみ依頼することにしました。

2022年3月24日 (木)

画像の乱れたQRコードは読めるのか

QRコードは通常は正方形領域内のパターンで、各種情報を表現していますが、この正方形が歪んでいても正しく読み込めるのでしょうか。

例えば、正方形でなく、上下方向に少し伸びた長方形になっていたり、4隅の1箇所がめくれかかっていたりと、通常の場面では様々な状況が予想されます。

QRコードが缶などの円筒面に印刷されていたり、読み取り機器がQRコードに対して傾いていたりする場合も同様です。

 

QRコードは色の濃淡でパターンのOn/Off(1/0)が識別されますが、多少の歪みがあっても「誤り訂正機能」により、正しく読み取ることができるような仕組みになっています。

例えば、下のQRコードは左上と右下方向に引っ張ったような形をしていますが、手持ちのスマホでは読み取りできました。
(記事「400mトラックの1周は約398m?」へのリンク)

QRコードの色々な歪みに対して、正しく読み取れるかを下記サイトで確認することができます。

ー> QRコード ~ 画像の乱れによる読み取り可否 ~

2022年2月28日 (月)

画像を3枚添付してスマホに送ったら、受け手側はwinmail.datとなって読めない

先日、画像3枚(拡張子はいずれも .jpg)を添付してスマホに送ったところ、添付ファイルが

 winmail.dat

という名前のファイル1本に纏められていて読めないとの連絡が・・・。

 

色々調べてみるとこの現象は、

・送信者のメールソフトがOutlookで、リッチテキスト方式でメールを作成された際に自動で添付されるファイルである。

・送受信者ともにOutlookを使用している場合、winmail.datファイルが自動で添付されるという事象は発生しない。

とあります。

確かにOutlookからスマホに送っていますが、リッチテキスト形式は使用していません(HTML形式)。

翌日、全く同じ方法で同様のデータを送付すると3つの画像が別々に受信できました。

何だったのでしょうか。

Img_9003(広島県安芸太田町の安野 花の駅公園、2021/2)

フォトアルバム 2

Powered by Six Apart