Develop and Download Open Source Software

Browse CVS Repository

Contents of /modchxj/mod_chxj/doc/modchxj.sdoc

Parent Directory Parent Directory | Revision Log Revision Log | View Revision Graph Revision Graph


Revision 1.2 - (show annotations) (download)
Sat Apr 9 10:43:26 2005 UTC (19 years ago) by konn
Branch: MAIN
Changes since 1.1: +6 -9 lines
ChxjImageUri --> ChxjImageEngine

1 <?xml version='1.0' encoding="EUC-JP" ?>
2
3 <doc xml:lang="ja">
4 <head>
5 <title>mod_chxj</title>
6 <subtitle></subtitle>
7 <author>Atsushi Konno</author>
8 <date>29 Mar 2005</date>
9 </head>
10 <body>
11 <section title="Overview">
12
13 mod_chxjはオープンソースの携帯向けコンテンツ変換Apache2.0用モジュールであり、
14 CHTML(DoCoMo i-Mode用 CHTML3.0)で記述された文書を、アクセスに来た端末のUser-Agentヘッダを見て、それぞれの端末にあった形式に変換します。
15 HTML文書に限らず、画像(jpg、gif、png)、絵文字についても、定義ファイルに従ってそれぞれのキャリアにあった絵文字に変換します。
16
17
18 時代遅れの感はありますが・・・。
19
20 </section>
21 <section title="インストール">
22 <subsection title="準備">
23 mod_chxjをインストールする前に、下記のものを用意する必要があります。
24 <ol>
25 <li>Apache2.0のヘッダーファイル群</li>
26 <li>Apache2.0用のapxs</li>
27 <li>apr(Apache Portable Runtime)ライブラリとそのヘッダファイル郡</li>
28 <li>automake、autoconf、libtool</li>
29 <li>ImageMagick(MagickWand)</li>
30 <li>Linux</li>
31 </ol>
32 </subsection>
33 <subsection title="mod_chxjの入手">
34 mod_chxjは<a href="http://sourceforge.jp/projects/modchxj/">こちら</a>からダウンロードすることができます。
35 </subsection>
36 <subsection title="インストール">
37 以下にmod_chxjインストール手順を示します。
38 <ol>
39 <li>Configure スクリプトを生成します<program title="Configure スクリプトの生成">
40 $ ./buildconf.sh
41 </program>
42 <note>"$"はプロンプトをあらわします。</note>
43 </li>
44 <li>Configure
45
46 以下は、/usr/include/apache2.0に、Apache2.0のヘッダーファイルが存在する場合です。
47 <program title="Configure">
48 $ ./configure --with-apache-header=/usr/include/apache2.0
49 </program>
50 <note>--with-apache-headerは必須です。</note>
51 </li>
52 <li>mod_chxj.soを生成します
53 <program title="make">
54 $ make
55 </program>
56 </li>
57 <li>apacheにインストールします
58 <program title="install">
59 $ make install
60 </program>
61 </li>
62 <li>データの設置
63 etcディレクトリは以下のdevice_data.xmlとemoji.xmlをApache
64 からアクセスできるところに配置します。
65
66 以下、/etc/apache2/chxjディレクトリにchxj用設定ファイルを用意する場合
67
68 <program title="データの設置">
69 $ mkdir -p /etc/apache2/chxj
70 $ cp etc/device_data.xml /etc/apache2/chxj
71 $ cp etc/emoji.xml /etc/apache2/chxj
72 </program>
73 </li>
74 </ol>
75 </subsection>
76 </section>
77 <section title="Configuration">
78
79 以下はmod_chxjが/usr/lib/apache2/modulesディレクトリ配下に設置されたものとしています
80
81 <subsection title="htmlファイルが変換対象の場合">
82
83 例として、Locationが"/chxj"以下のものは全て変換する場合を説明します。
84
85 <ol>
86 <li>httpd.confに以下を追加します。
87
88 <program title="httpd.conf">
89 # モジュールをApache2.0にロード
90 LoadModule chxj_module /usr/lib/apache2/modules/mod_chxj.so
91
92 # デバイスデータの設定
93 ChxjLoadDeviceData /etc/apache2/chxj/device_data.xml
94
95 # 絵文字データの設定
96 ChxjLoadEmojiData /etc/apache2/chxj/emoji.xml
97
98 # 変換させる対象の設定
99 &lt;Location /chxj&gt;
100 SetOutputFilter chxj_output_filter
101 SetInputFilter chxj_input_filter
102 &lt;/Location&gt;
103 </program>
104 </li>
105 <li>apacheの再起動。</li>
106 </ol>
107 </subsection>
108 <subsection title="php等の出力結果が変換対象の場合">
109 <ol>
110 <li>httpd.confに以下を追加します
111
112 <program title="httpd.conf">
113 # モジュールをApache2.0にロード
114 LoadModule chxj_module /usr/lib/apache2/modules/mod_chxj.so
115
116 # デバイスデータの設定
117 ChxjLoadDeviceData /etc/apache2/chxj/device_data.xml
118
119 # 絵文字データの設定
120 ChxjLoadEmojiData /etc/apache2/chxj/emoji.xml
121
122 &lt;Location /chxj&gt;
123 SetOutputFilter chxj_output_filter
124 SetInputFilter chxj_input_filter
125 &lt;/Location&gt;
126 </program>
127 </li>
128 <li>apacheの再起動。</li>
129 </ol>
130 </subsection>
131
132 <subsection title="mod_jk2を使用したtomcatの出力結果が変換対象の場合">
133 <ol>
134 <li>httpd.confに以下を追加します
135
136 <program title="httpd.conf">
137 # モジュールをApache2.0にロード
138 LoadModule chxj_module /usr/lib/apache2/modules/mod_chxj.so
139
140 # デバイスデータの設定
141 ChxjLoadDeviceData /etc/apache2/chxj/device_data.xml
142
143 # 絵文字データの設定
144 ChxjLoadEmojiData /etc/apache2/chxj/emoji.xml
145 &lt;Location /chxj&gt;
146 SetOutputFilter chxj_output_filter
147 &lt;/Location&gt;
148 </program>
149 <note>注意:input_filterは設定しないでください!!!</note>
150 </li>
151
152 <li>chxjfilter-0.0.1.jarを生成します
153 <ol>
154 <li>build.propertiesを環境に合わせて編集します
155
156 <program title="build.propertiesの編集">
157 $ cd java
158 $ vi build.properties
159 </program>
160 </li>
161 <li>chxjfilter-0.0.1.jarを生成します
162
163 <program title="コンパイル">
164 $ ant dist
165 </program>
166 </li>
167 <li>生成されたchxjfilter-0.0.1.jarにクラスパスをとおします</li>
168 </ol>
169 </li>
170
171 <li>web.xmlの編集し、以下を追加します。
172
173 <program title="web.xml">
174 &lt;filter&gt;
175 &lt;filter-name&gt;chxjfilter&lt;/filter-name&gt;
176 &lt;filter-class&gt;com.qsdn.filter.CHXJFilter&lt;/filter-class&gt;
177 &lt;/filter&gt;
178 &lt;filter-mapping&gt;
179 &lt;filter-name&gt;chxjfilter&lt;/filter-name&gt;
180 &lt;url-pattern&gt;/*&lt;/url-pattern&gt;
181 &lt;/filter-mapping&gt;
182 </program>
183 </li>
184
185 <li>apache等の再起動</li>
186 </ol>
187 </subsection>
188
189
190
191 <subsection title="画像自動変換機能を使用する場合">
192 <ol>
193 <li>httpd.confに以下を追加します。
194 下記は、URIが/imgで始まる全ての画像に対して動作するようmod_chxjに指示しています。
195
196 <program title="httpd.conf">
197 &lt;Location /img&gt;
198 ChxjImageEngine On
199 ChxjImageCacheDir /tmp
200 ChxjImageCopyright "A.Konno"
201 &lt;/Location&gt;
202 </program>
203
204 上記の説明を以下に示します。
205
206 <ol>
207 <li>ChxjImageEngine<br />
208 mod_chxjの画像変換ハンドラを起動するよう指示しています。
209 DefaultはOff
210
211 <br />
212 <br />
213 </li>
214
215
216 <li>ChxjImageCacheDir<br />
217 mod_chxj画像変換ハンドラが使用する変換後の画像をおいておくディレクトリを指定します。
218 デフォルトは/tmp。
219
220 <program title="ChxjImageCacheDir">
221 ChxjImageCacheDir /tmp
222 </program>
223
224 mod_chxjに画像変換キャッシュとして/tmpを使用するよう指示します。
225 <br />
226 <br />
227 </li>
228
229
230 <li>ChxjImageCopyright<br />
231 mod_chxjの画像変換ハンドラに、転送禁止設定を行うよう指示します。
232 パラメータとして任意の文字列をとります。
233 ChxjImageCopyrightディレクティブで指定された文字列は、それぞれのイメージの
234 コメント部に埋め込まれます。
235
236 <program title="ChxjImageCopyright">
237 ChxjImageCopyright "A.Konno"
238 </program>
239
240 mod_chxjに転送禁止設定を行うよう指示しています。
241 変換後イメージのコメント部分には、キャリア毎に以下の文字列を埋め込みます。
242
243 <b>AU の場合</b>
244 <program title="AU">
245 kddi_copyright=on,A.Konno
246 </program>
247
248 <b>DoCoMoの場合</b>
249 <program title="DoCoMo">copy="NO",A.Konno</program>
250
251 <b>Vodafone</b>の場合は、レスポンスヘッダに
252
253 <program title="Vodafone/J-Phone">
254 x-jphone-copyright:no-transfer
255 </program>
256
257 を埋め込みます。
258 <note>Vodafoneの場合は、リクエストURLの最後が.pnzか、.jpzで終わるようにダミーを付けなければなりません。</note>
259 </li>
260 </ol>
261 </li>
262 </ol>
263 </subsection>
264 </section>
265 <section title="対応するCHTMLタグ">
266 変換可能なCHTMLタグは以下のとおりです。
267
268 <table title="対応タグ一覧">
269 <thead>
270 <tr>
271 <td>タグ</td>
272 <td>属性</td>
273 <td>CHTML</td>
274 <td>HDML</td>
275 <td>XHTML</td>
276 <td>JHTML</td>
277 <td>備考</td>
278 </tr>
279 </thead>
280 <tbody>
281 <tr>
282 <td>&lt;HTML&gt;</td>
283 <td align="center"> </td>
284 <td align="center"></td>
285 <td align="center"></td>
286 <td align="center"></td>
287 <td align="center"></td>
288 <td align="left">属性を指定した場合は無視します</td>
289 </tr>
290 <tr>
291 <td>&lt;META&gt;</td>
292 <td align="center">http-equiv</td>
293 <td align="center"></td>
294 <td align="center">×</td>
295 <td align="center"></td>
296 <td align="center"></td>
297 <td align="left">CHTML1.0、HDMLでは無視します</td>
298 </tr>
299 <tr>
300 <td> </td>
301 <td align="center">content</td>
302 <td align="center"></td>
303 <td align="center">×</td>
304 <td align="center"></td>
305 <td align="center"></td>
306 <td align="left">CHTML1.0、HDMLでは無視します</td>
307 </tr>
308 <tr>
309 <td>&lt;HEAD&gt;</td>
310 <td align="center"> </td>
311 <td align="center"></td>
312 <td align="center"></td>
313 <td align="center"></td>
314 <td align="center"></td>
315 <td align="left">属性を指定した場合は無視します</td>
316 </tr>
317 <tr>
318 <td>&lt;TITLE&gt;</td>
319 <td align="center"> </td>
320 <td align="center"></td>
321 <td align="center"></td>
322 <td align="center"></td>
323 <td align="center"></td>
324 <td align="left">属性を指定した場合は無視します</td>
325 </tr>
326 <tr>
327 <td>&lt;BASE&gt;</td>
328 <td align="center"> </td>
329 <td align="center"></td>
330 <td align="center">×</td>
331 <td align="center"></td>
332 <td align="center"></td>
333 <td align="left">HDMLでは無視します</td>
334 </tr>
335 <tr>
336 <td>&lt;BODY&gt;</td>
337 <td align="center">bgcolor</td>
338 <td align="center"></td>
339 <td align="center">×</td>
340 <td align="center"></td>
341 <td align="center"></td>
342 <td align="left">HDML、CHTML1.0、CHTML2.0では無視します</td>
343 </tr>
344 <tr>
345 <td> </td>
346 <td align="center">text</td>
347 <td align="center"></td>
348 <td align="center">×</td>
349 <td align="center"></td>
350 <td align="center"></td>
351 <td align="left">HDML、CHTML1.0、CHTML2.0では無視します</td>
352 </tr>
353 <tr>
354 <td> </td>
355 <td align="center">link</td>
356 <td align="center"></td>
357 <td align="center">×</td>
358 <td align="center"></td>
359 <td align="center"></td>
360 <td align="left">HDML、CHTML1.0、CHTML2.0では無視します</td>
361 </tr>
362 <tr>
363 <td>&lt;A&gt;</td>
364 <td align="center">href</td>
365 <td align="center"></td>
366 <td align="center"></td>
367 <td align="center"></td>
368 <td align="center"></td>
369 <td align="left"> </td>
370 </tr>
371 <tr>
372 <td> </td>
373 <td align="center">accesskey</td>
374 <td align="center"></td>
375 <td align="center"></td>
376 <td align="center"></td>
377 <td align="center"></td>
378 <td align="left"> </td>
379 </tr>
380 <tr>
381 <td>&lt;BR&gt;</td>
382 <td align="center"> </td>
383 <td align="center"></td>
384 <td align="center"></td>
385 <td align="center"></td>
386 <td align="center"></td>
387 <td align="left"> </td>
388 </tr>
389 <tr>
390 <td>&lt;FONT&gt;</td>
391 <td align="center">color</td>
392 <td align="center"></td>
393 <td align="center">×</td>
394 <td align="center"></td>
395 <td align="center"></td>
396 <td align="left">HDML,CHTML1.0では無視します</td>
397 </tr>
398 <tr>
399 <td>&lt;FORM&gt;</td>
400 <td align="center">action</td>
401 <td align="center"></td>
402 <td align="center"></td>
403 <td align="center"></td>
404 <td align="center"></td>
405 <td align="left"> </td>
406 </tr>
407 <tr>
408 <td> </td>
409 <td align="center">method</td>
410 <td align="center"></td>
411 <td align="center">×</td>
412 <td align="center"></td>
413 <td align="center"></td>
414 <td align="left">HDMLでは無視します</td>
415 </tr>
416 <tr>
417 <td>&lt;INPUT&gt;</td>
418 <td align="center">name</td>
419 <td align="center"></td>
420 <td align="center"></td>
421 <td align="center"></td>
422 <td align="center"></td>
423 <td align="left"> </td>
424 </tr>
425 <tr>
426 <td> </td>
427 <td align="center">type</td>
428 <td align="center"></td>
429 <td align="center"></td>
430 <td align="center"></td>
431 <td align="center"></td>
432 <td align="left">text,password,hidden,radio,checkbox,submitに対応</td>
433 </tr>
434 <tr>
435 <td> </td>
436 <td align="center">value</td>
437 <td align="center"></td>
438 <td align="center"></td>
439 <td align="center"></td>
440 <td align="center"></td>
441 <td align="left"></td>
442 </tr>
443 <tr>
444 <td> </td>
445 <td align="center">istyle</td>
446 <td align="center"></td>
447 <td align="center"></td>
448 <td align="center"></td>
449 <td align="center"></td>
450 <td align="left"> </td>
451 </tr>
452 <tr>
453 <td>&lt;SELECT&lt;</td>
454 <td align="center">name</td>
455 <td align="center"></td>
456 <td align="center"></td>
457 <td align="center"></td>
458 <td align="center"></td>
459 <td align="left"> </td>
460 </tr>
461 <tr>
462 <td> </td>
463 <td align="center">size</td>
464 <td align="center"></td>
465 <td align="center">×</td>
466 <td align="center"></td>
467 <td align="center"></td>
468 <td align="left">HDMLでは無視します</td>
469 </tr>
470 <tr>
471 <td>&lt;OPTION&gt;</td>
472 <td align="center">value</td>
473 <td align="center"></td>
474 <td align="center"></td>
475 <td align="center"></td>
476 <td align="center"></td>
477 <td align="left"><note>必ず閉じてください。そのうち対応します。</note></td>
478 </tr>
479 <tr>
480 <td> </td>
481 <td align="center">checked</td>
482 <td align="center"></td>
483 <td align="center"></td>
484 <td align="center"></td>
485 <td align="center"></td>
486 <td align="left"> </td>
487 </tr>
488 <tr>
489 <td>&lt;DIV&gt;</td>
490 <td align="center">align</td>
491 <td align="center"></td>
492 <td align="center"></td>
493 <td align="center"></td>
494 <td align="center"></td>
495 <td align="left"> </td>
496 </tr>
497 <tr>
498 <td>&lt;HR&gt;</td>
499 <td align="center"> </td>
500 <td align="center"></td>
501 <td align="center"></td>
502 <td align="center"></td>
503 <td align="center"></td>
504 <td align="left"> </td>
505 </tr>
506 <tr>
507 <td>&lt;CENTER&gt;</td>
508 <td align="center"> </td>
509 <td align="center"></td>
510 <td align="center"></td>
511 <td align="center"></td>
512 <td align="center"></td>
513 <td align="left"> </td>
514 </tr>
515 <tr>
516 <td>&lt;IMG&gt;</td>
517 <td align="center">src</td>
518 <td align="center"></td>
519 <td align="center"></td>
520 <td align="center"></td>
521 <td align="center"></td>
522 <td align="left"> </td>
523 </tr>
524 <tr>
525 <td>&lt;CHXJ:IF&gt;</td>
526 <td align="center">lang</td>
527 <td align="center"></td>
528 <td align="center"></td>
529 <td align="center"></td>
530 <td align="center"></td>
531 <td align="left">lang="chtml" lang="xhtml" lang="hdml" lang="jhtml"が指定できます</td>
532 </tr>
533 </tbody>
534
535 上記以外のタグは全て無視されます。
536
537 </table>
538
539 </section>
540 <section title="独自拡張タグ">
541 <ol>
542 <li>&lt;CHXJ:IF&gt;<br />
543
544 &lt;CHXJ:IF&gt;タグと&lt;/CHXJ:IF&gt;タグではさまれたタグやテキストは、
545 変換せずに<b>そのまま</b><note>変換しませんので注意が必要です</note>出力します。必須の属性としてlangがあります。lang属性を指定することによって、
546 例えば、<b>「HDML機の場合のみ出力させる」</b>といったことを可能にします。<br />
547 <br />
548 ex)
549 <program title="HTML文書中にHDML機の場合のみ有効にしたいタグ、または文書がある場合">
550 &lt;CHXJ:IF lang="HDML" &gt;
551 &lt;NODISPLAY&gt;
552 &lt;ACTION TYPE=ACCEPT TASK=GOSUB DEST='device:data/dnld?url=abc&amp;name=abc.jpg&amp;size=100&amp;disposition=devjaww&amp;title=test'&gt;
553 &lt;/NODISPLAY&gt;
554 &lt;/CHXJ:IF&gt;
555 </program><br />
556
557 ex)
558 <program title="i-Modeのみ出力したい文書がある場合">
559 &lt;CHXJ:IF lang="chtml" &gt;
560 シークレットコードがどーのこーの。
561 &lt;/CHXJ:IF&gt;
562 </program><br />
563
564 また、lang属性は、複数指定することも可能です。<br />
565
566 <program title="HDML機,J-PHONE機は以下を出力します">
567 &lt;CHXJ:IF lang="chtml" lang="jhtml"&gt;
568 あなたの携帯は、HDML機かJ-HTML機です。
569 &lt;/CHXJ:IF&gt;
570 </program><br />
571
572 </li>
573 </ol>
574 </section>
575
576
577
578 <section title="文字コード">
579 文字コードは、絵文字の入出力がある関係上、Shift_JISのみとしています。
580 </section>
581
582
583 <section title="絵文字について">
584 i-Mode用の絵文字を書いておけば、アクセスしたキャリアによって、mod_chxjが対応の絵文字に自動変換します。
585 ソースに2byteのバイナリコードを直接書いても、10進参照文字列<note>16進参照文字列には対応していません</note>&amp;#XXX;の形)で書いても、どちらでも変換対象になります。
586 10進参照文字列で書いた場合は、mod_chxjにより、自動で2バイトコードに変換します。
587 <subsection title="絵文字変換定義">
588 絵文字の変換に関する動作を変えたい場合(例えば「ハートがあったら、AUの場合はスペードに」とか、「変換定義がおかしい」といった場合)は、
589 emoji.xmlファイルを直接編集することによって定義を変更することが可能です。emoji.xmlはXMLファイルとなっていますので、vi等で簡単に定義を
590 変更することができます<note>厳密にはXMLになっていないので、日本語の記述はSJISでお願いします。</note>
591
592 <br />
593 以下に、emoji.xmlファイルの一部を記します。
594 <program title="emoji.xml">
595 &lt;?xml encoding="Shift_JIS" &gt;
596
597 &lt;emoji&gt;
598 &lt;set&gt;
599 &lt;no&gt;1&lt;/no&gt;
600 &lt;imode&gt;
601 &lt;hex1&gt;f8&lt;/hex1&gt;
602 &lt;hex2&gt;9f&lt;/hex2&gt;
603 &lt;string&gt;&amp;#63647;&lt;/string&gt;
604 &lt;description&gt;&lt;/description&gt;
605 &lt;/imode&gt;
606 &lt;ezweb&gt;
607 &lt;A&gt;44&lt;/A&gt;
608 &lt;B&gt;44&lt;/B&gt;
609 &lt;C&gt;44&lt;/C&gt;
610 &lt;D&gt;44&lt;/D&gt;
611 &lt;/ezweb&gt;
612 &lt;jphone&gt;
613 &lt;string&gt;$Gj&lt;/string&gt;
614 &lt;/jphone&gt;
615 &lt;/set&gt;
616 </program>
617
618 絵文字の定義は、&lt;emoji&gt;タグから&lt;/emoji&gt;タグまでの間にあります。その中の要素を説明します。
619 1つの絵文字につき、1つのセット(&lt;set&gt;タグから&lt;/set&gt;タグまで)とし、キャリア毎の絵文字を定義しています。
620
621 <ol>
622 <li>&lt;imode&gt;要素<br />
623 まず、元となるi-Mode用の絵文字は、&lt;imode&gt;タグにはさまれた間に定義されています。
624 &lt;imode&gt;要素は、2バイトコード要素(&lt;hex1&gt;&lt;hex2&gt;)と、
625 10進参照文字列要素(&lt;string&gt;)を保持していて、この2つの要素を変換元の値として使用します。
626 アクセスしてきた端末が、i-Mode機であった場合で、かつCHTML中に10進参照文字列が絵文字として書かれている場合には、
627 &lt;hex1&gt;&lt;hex2&gt;要素に定義されている値に置換します。
628 </li>
629 <br />
630 <br />
631 <li>&lt;ezweb&gt;要素<br />
632 アクセスしてきた端末が、AU機であった場合、&lt;ezweb&gt;要素に定義されている値に変換します。
633 &lt;ezweb&gt;要素は、&lt;A&gt;&lt;D&gt;要素を持っていて、それぞれAUの絵文字タイプA〜Dに対応していますので、
634 もし、Dタイプの絵文字端末であったなら、&lt;D&gt;要素に定義されている値に変換します。ここで定義されている値は、
635 HDML機の場合は、<b>&lt;IMG ICON="XX"&gt;</b>の"XX"の部分に当てはめられて、置換されます。
636 XHTML機の場合は、<b>&lt;IMG LOCALSRC="XX"&gt;</b>の"XX"の部分に当てはめられて、置換されます。
637 </li>
638 <br />
639 <br />
640 <li>&lt;jphone&gt;要素<br />
641 アクセスしてきた端末が、Vodafone/J-Phone端末であった場合、&lt;jphone&gt;要素に定義されている値に変換します。
642 &lt;jphone&gt;要素は、&lt;string&gt;要素を保持していて、ここで定義されている値を直接使用します。
643 </li>
644 </ol><br />
645 emoji.xmlに定義されていない絵文字で、変換したい絵文字がある場合には、このファイルに新たな定義を足せば、
646 変換するようになります。
647 </subsection>
648 </section>
649
650
651 <section title="デバイス定義 device_data.xml">
652 mod_chxjの動作を決定付ける重要な定義です。変換対象の端末は全て、device_data.xmlファイルに定義される必要があります。
653 定義されていない端末は、mod_chxjとしては、認識することができません。認識できない場合には、CHTMLをそのまま出力します。
654 </section>
655
656
657 <section title="イメージ画像変換">
658 mod_chxjには、JPEG、GIF、PNG、BMPファイルを置いておくだけで、デバイス定義に従って、それぞれのキャリア対応のフォーマットに変換する機能があります。
659 画像のサイズ(縦X横)も、端末の画面サイズに合わせて変換します。
660 画像のサイズ(バイト数)については、デバイス定義中のキャッシュサイズを見て、その値よりも小さくなるように<b>努力</b>しますが、元の画像が
661 大きすぎる場合や、複雑な画像の場合には、キャッシュサイズよりも小さくできずに表示できない場合があります。
662 <br />
663 それぞれのタグで指定する場合には、ファイル名の拡張子(.jpgや.gif等)をはずした形で指定します。<br />
664 本機能には3つのモードが存在します。そのモードを以下に記します。
665
666 <subsection title="サムネイルモード">
667 端末側画面サイズの約3分の1程度のサイズ(縦X横)に画像を縮小表示します。
668 <program title="サムネイルモード 使用例">
669 &lt;IMG SRC="/img/logo?Mode=Thumbnail"&gt;
670 </program>
671 </subsection>
672 <subsection title="壁紙モード">
673 端末側画面のサイズにマッチするサイズに拡大・縮小します。横長の画像の場合には、縦幅を合わせた後に左右をトリミングします。
674 <program title="壁紙モード 使用例">
675 &lt;IMG SRC="/img/logo?Mode=WP"&gt;
676 </program>
677 </subsection>
678 <subsection title="EzGetモード">
679 壁紙ダウンロードを行いたい場合に使用します。EzGETモードは、壁紙モードで出力される画像サイズと同一サイズの画像が使用されます。
680 <program title="EzGetモード 使用例">
681 &lt;A HREF="/img/logo?Mode=EzGet"&gt;
682 </program>
683 </subsection>
684 <subsection title="その他の機能">
685 モードの他に、画像サイズ(縦X横)を直接指定することも可能です。
686 <b>w</b>パラメータ、<b>h</b>パラメータを使用して指定します。
687 <ol>
688 <li>wパラメータ<br />
689 横幅を指定します。
690 </li>
691 <li>hパラメータ<br />
692 縦幅を指定します。
693 </li>
694 </ol>
695 <program title="w/hパラメータ 使用例">
696 &lt;IMG SRC="/img/logo?w=100&amp;h=200"&gt;
697 </program>
698 </subsection>
699 上記全てのモード、パラメータはGETリクエストとしてのみ使用できます。
700 </section>
701 </body>
702 </doc>

Back to OSDN">Back to OSDN
ViewVC Help
Powered by ViewVC 1.1.26