OCテックノート

画像を合成したいときの手段は、いくつかあります。
その一つは、UIViewのスクリーンショットを撮って合成するというものです。
画面の見たままを保存します。

mergeView = 【UIView】;

//Creates a bitmap-based graphics context and makes it the current context.
　UIGraphicsBeginImageContext( mergeView.bounds.size );

//Screen Capture
　[mergeView.layer renderInContext:UIGraphicsGetCurrentContext()];

//Returns an image based on the contents of the current bitmap-based graphics context.
　UIImage *mergedImage = UIGraphicsGetImageFromCurrentImageContext();
　UIGraphicsEndImageContext();

2018年6月22日

画像の中での位置を把握する

Photoshop

画像の中のある部分の位置を調べる

写真やイラストを加工するとき、今操作している位置が画像のどのあたりになるのか、把握したい時があると思います。
筆者は、HTMLのクリッカブルマップなどを直す時に使います。
クリッカブルマップを作るツールをいちいち立ち上げるのが面倒なので。

画像を開きます。
ナビゲータ・情報というタブのある、小さいウィンドウは表示されてますか？表示されてなければ、上部メニューのウィンドウ→情報を表示をクリックします。
その情報タブをクリックします。
左下にX,とかY、とか書いてあります。カーソルを動かすと、その数値が増えたり減ったりします。Xが横方向、Yが縦方向です。
単位がcmやピクセルになってますが、指定したい場合は、上部の「編集」メニュー→「環境設定」→「単位・定規」をクリック。
定規の単位をpixelやcmなど好きな単位にしましょう。

続き→画像の一部分の大きさを把握する

2018年6月22日

画像の一部分の大きさを把握する

画像の中の一部分の大きさを調べる

画像の中での位置を把握するで、情報ウィンドウが表示されていると思います。
次は、ある画像の、特定の部分のサイズを調べたい場合です。

画像の中で選択ツールをクリック
画像を選択
情報ウィンドウの右下に、W,H、と書いてあるところに数字が出ます。それが、選択した部分の大きさです。Wが横幅で、Hが縦幅です。

2018年6月22日

画像のすき間が空いてしまう

Webサイト作成トラブル
 css

ホームページ作成時、画像と画像をつめて表示したいのに、すきまが空いてしまう。

Web作成

 <img>タグと次の<img>タグの間にスペースや改行が入っていませんか？
 それらを消してみましょう。

　InternetExplolerだとすき間無く表示されるのに、他のブラウザ（FireFoxなど）だと空いてしまう。

Photoshopなどの画像ソフトなどでWebを作る時、画像ソフトがHTMLを出力してくれる便利な機能がありますが、Table（表形式）で出力されると、IE以外だと画像とtableの間にすき間が空いてしまうことがあります。
次の二つの方法で治りますが、最良の方法かどうか分かりません。

imgのスタイルをdesplay:block;などとして、ブロック要素に指定する
スタイルのvertical-align:bottomなどで、下詰めにする
DOCTYPEの宣言を互換モードに変えてしまう。（逃げ？）

また、全角のスペースなどが入っていることもあります。
Dreamweaverだと発見できないので、このせいだと発見が遅れてしまいますね。テキストエディタなどでHTMLソースを見てみましょう。

Photoshopから画像とHTMLを作成したところ、IE7だけ画像の間に隙間があいてしまい、困ってました。imgのスタイルをdesplay:block;にして確かに治りました。 — 名無し {2008-03-16 (日) 17:01:01}

2018年6月22日

特定の名前がつくカテゴリを表示する

Movable Type

たとえばここでは”hogehoge”が含まれるカテゴリを表示して、リンクを張る方法。
hogehogehogeや2hogehoge、などというカテゴリ名のカテゴリを表示します。

 <MTCategories>
 <MTSetVarBlock name="label">　…labelというモディファイアにカテゴリ名を設定
 <$MTCategoryLabel$>
 </MTSetVarBlock>

 <!-- $MTGetVar name="label"$ -->
 <MTIf name="label" like="hogehoge">　…labelにhogehogeが含まれる場合実行
 <MTIfNonZero tag="MTCategoryCount">
 <div>
 <a href="<$MTCategoryArchiveLink$>" title="<$MTCategoryDescription$>">
 <MTCategoryLabel></a>
 </div>
 </MTIfNonZero>
 </MTIf>
 </MTCategories>

関連
特定のカテゴリの中のサブカテゴリを表示

Movable Type導入支援・カスタマイズ・構築