画像を表示する
をテンプレートにして作成
[
トップ
] [
新規
|
一覧
|
検索
|
最終更新
|
ヘルプ
|
ログイン
]
開始行:
----
#contents
----
~
*バルーンに画像を表示する [#n4feaa5a]
画像ファイルを表示するには、SSP専用のさくらスクリプト &co...
記述方法は大きく分けて二通り。~
いずれも表示させたい画像をゴースト辞書のあるフォルダと同...
\_b[画像ファイル名,x座標,y座標]
座標を直接指定する方法で、''画像を背景に貼り付けます''。~
バルーンがスクロールしても貼り付けた画像は移動しません。...
\_b[画像ファイル名,inline]
inlineを指定すると、''画像を文字として貼り付けます''。~
一文字分と同じ扱いになるので、文章の途中に挟んだりできま...
スクロールと一緒に移動するほか、\c[char,1]で1文字削除した...
用途に合わせて使い分けましょう。~
また画像ファイル名は正確にはファイルのパスなので、他のフ...
詳しくは[[UKADOC さくらスクリプト>https://ssp.shillest.ne...
*スクリプトのオプション [#g2a432ba]
このさくらスクリプトの表示方法はちょっと特殊な事情があり、~
↑のものをそのまま使った場合、思ったとおりの表示がされない...
というのも、そのままではシェル画像のように''画像の左上の1...
ここではinline方式で解説します。(xy指定でもオプション指...
:\_b[画像ファイル名,inline]|ふつうの方式。左上の1pxの色で...
:\_b[画像ファイル名,inline,opaque]|opaqueを指定。左上の1p...
:\_b[画像ファイル名,inline,--option=use_self_alpha]|画像...
具体的な使い分けは、大雑把に言えば以下のようになります。~
-PNG~
近年ではアルファチャンネル(透明度)つきの画像が一般的に...
&color(red){\_b[画像ファイル名,inline,--option=use_self_a...
が安牌です。
-JPEG~
こちらは圧縮で単色部分が変化(劣化)する形式なので、原色...
&color(red){\_b[画像ファイル名,inline,opaque]};~
が最適です。
*バルーンでの表示例 [#jde25ea9]
-今回は以下の6つの画像を使います。
|&ref(maru1.png);|背景が透明の、なめらかな黒い円|アルファ...
|&ref(maru2.png);|背景が緑色の、なめらかな黒い円|PNG|
|&ref(maru3.png);|背景が透明の、黒単色の円|アルファチャン...
|&ref(maru4.png);|背景が緑色の、黒単色の円|PNG|
|&ref(maru5.jpg);|背景が白、なめらかな黒い円|JPEG|
|&ref(maru6.jpg);|背景が緑、なめらかな黒い円|JPEG|
これを~
\_b[画像ファイル名,inline]~
\_b[画像ファイル名,inline,opaque]~
\_b[画像ファイル名,inline,--option=use_self_alpha]~
の3つのパターンでバルーンに表示してみます。
-結果。
#ref(image_balloon.png);
以上の通り、
-透明度がなく原色で色を抜くPNGはオプションなし
-アルファチャンネル(透明度)つきPNGは--option=use_self_a...
-JPEGはopaqueオプション指定
が適するということが分かります。
終了行:
----
#contents
----
~
*バルーンに画像を表示する [#n4feaa5a]
画像ファイルを表示するには、SSP専用のさくらスクリプト &co...
記述方法は大きく分けて二通り。~
いずれも表示させたい画像をゴースト辞書のあるフォルダと同...
\_b[画像ファイル名,x座標,y座標]
座標を直接指定する方法で、''画像を背景に貼り付けます''。~
バルーンがスクロールしても貼り付けた画像は移動しません。...
\_b[画像ファイル名,inline]
inlineを指定すると、''画像を文字として貼り付けます''。~
一文字分と同じ扱いになるので、文章の途中に挟んだりできま...
スクロールと一緒に移動するほか、\c[char,1]で1文字削除した...
用途に合わせて使い分けましょう。~
また画像ファイル名は正確にはファイルのパスなので、他のフ...
詳しくは[[UKADOC さくらスクリプト>https://ssp.shillest.ne...
*スクリプトのオプション [#g2a432ba]
このさくらスクリプトの表示方法はちょっと特殊な事情があり、~
↑のものをそのまま使った場合、思ったとおりの表示がされない...
というのも、そのままではシェル画像のように''画像の左上の1...
ここではinline方式で解説します。(xy指定でもオプション指...
:\_b[画像ファイル名,inline]|ふつうの方式。左上の1pxの色で...
:\_b[画像ファイル名,inline,opaque]|opaqueを指定。左上の1p...
:\_b[画像ファイル名,inline,--option=use_self_alpha]|画像...
具体的な使い分けは、大雑把に言えば以下のようになります。~
-PNG~
近年ではアルファチャンネル(透明度)つきの画像が一般的に...
&color(red){\_b[画像ファイル名,inline,--option=use_self_a...
が安牌です。
-JPEG~
こちらは圧縮で単色部分が変化(劣化)する形式なので、原色...
&color(red){\_b[画像ファイル名,inline,opaque]};~
が最適です。
*バルーンでの表示例 [#jde25ea9]
-今回は以下の6つの画像を使います。
|&ref(maru1.png);|背景が透明の、なめらかな黒い円|アルファ...
|&ref(maru2.png);|背景が緑色の、なめらかな黒い円|PNG|
|&ref(maru3.png);|背景が透明の、黒単色の円|アルファチャン...
|&ref(maru4.png);|背景が緑色の、黒単色の円|PNG|
|&ref(maru5.jpg);|背景が白、なめらかな黒い円|JPEG|
|&ref(maru6.jpg);|背景が緑、なめらかな黒い円|JPEG|
これを~
\_b[画像ファイル名,inline]~
\_b[画像ファイル名,inline,opaque]~
\_b[画像ファイル名,inline,--option=use_self_alpha]~
の3つのパターンでバルーンに表示してみます。
-結果。
#ref(image_balloon.png);
以上の通り、
-透明度がなく原色で色を抜くPNGはオプションなし
-アルファチャンネル(透明度)つきPNGは--option=use_self_a...
-JPEGはopaqueオプション指定
が適するということが分かります。
ページ名: