午後わてんのブログ

ベランダ菜園とWindows用アプリ作成(WPFとC#)

文字の縁取りができるようになったPixtack紫陽花

透明画像の拡大縮小時の不具合解消
文字が入力されていない時に文字の描画ボタンをおした時の不具合解消
文字の縁取りができるようになった
 

f:id:gogowaten:20191014105342p:plain

半透明か透明で拡大縮小した時の不具合を解消した
この状態で画像2を拡大すると
 

f:id:gogowaten:20191014105359p:plain

こうなっていたのを
 

f:id:gogowaten:20191014105423p:plain

なおした
 
縁取り文字

f:id:gogowaten:20191014105437p:plain

まずは適当に文字を描画して、これに縁取りしてみる
縁取り?ボタンの横にある色ボタンで適当に色を決めてから
縁取り?ボタンを押すと
 

f:id:gogowaten:20191014105450p:plain

こうなる
縁取りというか影がついた感じ
更にボタンを押していくと
 

f:id:gogowaten:20191014105508p:plain

横に広がっていく
 
もう一つは本当の縁取り

f:id:gogowaten:20191014105521p:plain

縁取り2のボタンを押すとこうなる
1ピクセルずつの縁取りになり
このボタンは何回押しても変化しない
 

f:id:gogowaten:20191014105533p:plain

まとめるとこんな感じでこれをpng形式で保存すると
 

f:id:gogowaten:20191014105600p:plain

こうなる
四角の枠が保存されないのは今までどおり
 
今回の新しい機能の縁取りも僕のスキルが低いため時間のかかる処理になっている
説明にある「縁取り文字」はMSゴシックのフォントサイズ30で描画していて
画像の大きさは219x45
これに縁取りする時間が0.09秒くらい
大きな文字になるほど時間がかかるのは
1ピクセルずつ色を調べて色があったら
上下左右と斜めを調べてそこに色がなかったら
縁取り用の色を付けるということをしているから
 
今回難しかったのが色の判定
特定の色で縁取りをしようとすると期待通りの結果にならないなあ

f:id:gogowaten:20191014105616p:plain

色によって縁取りで来たりできなかったり、なんで?
色々いじっていたら
イメージ 11
ARGBは同じなのに名前が違う
上が1ピクセルずつ調べている画像から取得した色で名前なし
したが縁取り用にカラーダイアログから選んだ色で名前付きになっている
これで比較していたから同じ色とはみなされずにおかしくなっていた
名前以外で比較するようにしてやっとできました
 
ダウンロード
ファイル名 Pixtack_20140118.zip