Requirements for Japanese Document Layout · grid-based layout of Asian Han-Character vertical text...
Transcript of Requirements for Japanese Document Layout · grid-based layout of Asian Han-Character vertical text...
![Page 1: Requirements for Japanese Document Layout · grid-based layout of Asian Han-Character vertical text layout Existing and new work (e.g. charters) on XSL-FO 2.0 and CSS 3 should respond](https://reader035.fdocuments.us/reader035/viewer/2022081400/5f1ae5328ce6e5225622f580/html5/thumbnails/1.jpg)
2006/10/18 1
Requirements for Japanese Document Layout
2006.10.18Kunio Ohno
Japanese Document Layout Taskforce of JAGAT(Japan Association of Graphic Arts
Technology)
![Page 2: Requirements for Japanese Document Layout · grid-based layout of Asian Han-Character vertical text layout Existing and new work (e.g. charters) on XSL-FO 2.0 and CSS 3 should respond](https://reader035.fdocuments.us/reader035/viewer/2022081400/5f1ae5328ce6e5225622f580/html5/thumbnails/2.jpg)
2006/10/18 2
Table of Contents
Introduction Requirements
Japanese Manuscript Paper Layout
Unit Kerning Hang Space between Japanese
words and words in Latin script
Ruby Warichu Tate-chu-yoko Furi-wake Emphasizing Mark (Ken-
ten)
Underline Superscript/Subscript (Soe-
ji) Tab Column Footnote, Head-note, Side-
note Footnote Side-note Line-space adjustment
(Kin-to-wari) Figures and Pictures
Positioning Guide Mark (Tonbo) Guide Mark Example
Conclusion
![Page 3: Requirements for Japanese Document Layout · grid-based layout of Asian Han-Character vertical text layout Existing and new work (e.g. charters) on XSL-FO 2.0 and CSS 3 should respond](https://reader035.fdocuments.us/reader035/viewer/2022081400/5f1ae5328ce6e5225622f580/html5/thumbnails/3.jpg)
2006/10/18 3
Introduction
![Page 4: Requirements for Japanese Document Layout · grid-based layout of Asian Han-Character vertical text layout Existing and new work (e.g. charters) on XSL-FO 2.0 and CSS 3 should respond](https://reader035.fdocuments.us/reader035/viewer/2022081400/5f1ae5328ce6e5225622f580/html5/thumbnails/4.jpg)
2006/10/18 4
Japanese document layout Japanese character size is square. Japanese document layout is based on the grid type
manuscript paper layout.
![Page 5: Requirements for Japanese Document Layout · grid-based layout of Asian Han-Character vertical text layout Existing and new work (e.g. charters) on XSL-FO 2.0 and CSS 3 should respond](https://reader035.fdocuments.us/reader035/viewer/2022081400/5f1ae5328ce6e5225622f580/html5/thumbnails/5.jpg)
2006/10/18 5
Requirements for text layout in East Asia
Based on Han-Character (East Asian Ideograph) Difference of font design framework Square type face vs. ascendant / descendent line based
design
Strong market needs for vertical text layout exist Publishing industries and news paper industries stick on
vertical layout Some educational area requires vertical text layout
![Page 6: Requirements for Japanese Document Layout · grid-based layout of Asian Han-Character vertical text layout Existing and new work (e.g. charters) on XSL-FO 2.0 and CSS 3 should respond](https://reader035.fdocuments.us/reader035/viewer/2022081400/5f1ae5328ce6e5225622f580/html5/thumbnails/6.jpg)
2006/10/18 6
JAGAT Taskforce Currently voluntary research project conducted by
JAGAT Antenna House and Justsystems are involved
Planned to input to W3C’s incubator group Requirement: Based on JIS X 4051
JIS X 4051:1993 – Horizontal layout JIS X 4051:1995 – Vertical layout JIS X 4051:2004 – Updated
Project editors are the core contributor for this taskforce Plan: align with CSS3 draft in general and add some
new functionality from Japanese market needs Plan: harmonization with XSL 2.0
![Page 7: Requirements for Japanese Document Layout · grid-based layout of Asian Han-Character vertical text layout Existing and new work (e.g. charters) on XSL-FO 2.0 and CSS 3 should respond](https://reader035.fdocuments.us/reader035/viewer/2022081400/5f1ae5328ce6e5225622f580/html5/thumbnails/7.jpg)
2006/10/18 7
Taskforce Members
Hiroyuki Chiba Japan Association of Graphic Arts Technology Junsaburo Edamoto Morisawa & Company, Ltd. Hiriji Emoto Digital Media System Co.,Ltd Kenichiro Ishino Antenna House, Inc. Tatsuo Kobayashi Justsystem Corporation Tokushige Kobayashi Antenna House, Inc. Toshi Kobayashi Japan Editors School Osamu Ogasawara Japan Association of Graphic Arts Technology Kunio Ohno Justsystem Corporation Kenzo Onozawa Japan Association of Graphic Arts Technology Tetsuya Takahashi Canon System Solutions Inc.
![Page 8: Requirements for Japanese Document Layout · grid-based layout of Asian Han-Character vertical text layout Existing and new work (e.g. charters) on XSL-FO 2.0 and CSS 3 should respond](https://reader035.fdocuments.us/reader035/viewer/2022081400/5f1ae5328ce6e5225622f580/html5/thumbnails/8.jpg)
2006/10/18 8
Requirements
![Page 9: Requirements for Japanese Document Layout · grid-based layout of Asian Han-Character vertical text layout Existing and new work (e.g. charters) on XSL-FO 2.0 and CSS 3 should respond](https://reader035.fdocuments.us/reader035/viewer/2022081400/5f1ae5328ce6e5225622f580/html5/thumbnails/9.jpg)
2006/10/18 9
Japanese Manuscript Paper Layout Japanese document layout is based on the grid type manuscript
paper layout. Image area (Hanzura) is specified by character number and line
number.(XSL does not support.)
Vertical Horizontal
![Page 10: Requirements for Japanese Document Layout · grid-based layout of Asian Han-Character vertical text layout Existing and new work (e.g. charters) on XSL-FO 2.0 and CSS 3 should respond](https://reader035.fdocuments.us/reader035/viewer/2022081400/5f1ae5328ce6e5225622f580/html5/thumbnails/10.jpg)
2006/10/18 10
Unit
Q is necessary for Japanese document layout . (1 Q = 1/4mm = 0.25mm)
XSL 1pt = 1/72in ≒0.3528mm (PostScript Point)
JIS 1pt = 1/72.27in ≒0.3514mm (American Point)
TeX 1pt = 1/72.27in ≒0.3514mm 1bp = 1/72in ≒0.3528mm
![Page 11: Requirements for Japanese Document Layout · grid-based layout of Asian Han-Character vertical text layout Existing and new work (e.g. charters) on XSL-FO 2.0 and CSS 3 should respond](https://reader035.fdocuments.us/reader035/viewer/2022081400/5f1ae5328ce6e5225622f580/html5/thumbnails/11.jpg)
2006/10/18 11
Kerning Punctuation marks are also square. Kerning is required.
Though "punctuation-trim" is described in CSS, that is not sufficient.
![Page 12: Requirements for Japanese Document Layout · grid-based layout of Asian Han-Character vertical text layout Existing and new work (e.g. charters) on XSL-FO 2.0 and CSS 3 should respond](https://reader035.fdocuments.us/reader035/viewer/2022081400/5f1ae5328ce6e5225622f580/html5/thumbnails/12.jpg)
2006/10/18 12
Hang Under the hang rule, period and comma may be located outside
the image area (hanzura), which XSL does not support.
In CSS3, "hanging-punctuation" is specified.
![Page 13: Requirements for Japanese Document Layout · grid-based layout of Asian Han-Character vertical text layout Existing and new work (e.g. charters) on XSL-FO 2.0 and CSS 3 should respond](https://reader035.fdocuments.us/reader035/viewer/2022081400/5f1ae5328ce6e5225622f580/html5/thumbnails/13.jpg)
2006/10/18 13
Space between Japanese words and words in Latin script
Though CSS3 can support this by “text-autospace”, XSL does not support.
In CSS3, "text-autospace" can be applied as follows. none ideograph-alpha ideograph-numeric ideograph-parenthesis ideograph-space
![Page 14: Requirements for Japanese Document Layout · grid-based layout of Asian Han-Character vertical text layout Existing and new work (e.g. charters) on XSL-FO 2.0 and CSS 3 should respond](https://reader035.fdocuments.us/reader035/viewer/2022081400/5f1ae5328ce6e5225622f580/html5/thumbnails/14.jpg)
2006/10/18 14
Ruby Though ruby can partly be expressed by <fo:inline-container>of
XSL, this function doesn't satisfy such conditions as line breaking and justification.
Ruby is also specified in CSS which almost satisfies JIS X 4051.
Example of single side ruby
Ruby at line end Ruby at line head
![Page 15: Requirements for Japanese Document Layout · grid-based layout of Asian Han-Character vertical text layout Existing and new work (e.g. charters) on XSL-FO 2.0 and CSS 3 should respond](https://reader035.fdocuments.us/reader035/viewer/2022081400/5f1ae5328ce6e5225622f580/html5/thumbnails/15.jpg)
2006/10/18 15
Warichu The element<fo:inline-container> can partly express line notes,
which occurs problem by line breaking.
The "text-combine" of CSS can also partly express line notes.
Example of line note Example of divided line note
![Page 16: Requirements for Japanese Document Layout · grid-based layout of Asian Han-Character vertical text layout Existing and new work (e.g. charters) on XSL-FO 2.0 and CSS 3 should respond](https://reader035.fdocuments.us/reader035/viewer/2022081400/5f1ae5328ce6e5225622f580/html5/thumbnails/16.jpg)
2006/10/18 16
Tate-chu-yoko
Tate-chu-yoko can be realized by applying "writing-mode" of CSS.
![Page 17: Requirements for Japanese Document Layout · grid-based layout of Asian Han-Character vertical text layout Existing and new work (e.g. charters) on XSL-FO 2.0 and CSS 3 should respond](https://reader035.fdocuments.us/reader035/viewer/2022081400/5f1ae5328ce6e5225622f580/html5/thumbnails/17.jpg)
2006/10/18 17
Furi-wake Both XSL and CSS don't support furi-wake
Example of furi-wake
Example of furi-wake with multiple line component
Vertical example
![Page 18: Requirements for Japanese Document Layout · grid-based layout of Asian Han-Character vertical text layout Existing and new work (e.g. charters) on XSL-FO 2.0 and CSS 3 should respond](https://reader035.fdocuments.us/reader035/viewer/2022081400/5f1ae5328ce6e5225622f580/html5/thumbnails/18.jpg)
2006/10/18 18
Emphasizing Mark (Ken-ten)
There is no emphasizing mark in XSL.
Example of emphasizing mark
![Page 19: Requirements for Japanese Document Layout · grid-based layout of Asian Han-Character vertical text layout Existing and new work (e.g. charters) on XSL-FO 2.0 and CSS 3 should respond](https://reader035.fdocuments.us/reader035/viewer/2022081400/5f1ae5328ce6e5225622f580/html5/thumbnails/19.jpg)
2006/10/18 19
Underline
XSL does not support the variety of text qualified underline in CSS.
![Page 20: Requirements for Japanese Document Layout · grid-based layout of Asian Han-Character vertical text layout Existing and new work (e.g. charters) on XSL-FO 2.0 and CSS 3 should respond](https://reader035.fdocuments.us/reader035/viewer/2022081400/5f1ae5328ce6e5225622f580/html5/thumbnails/20.jpg)
2006/10/18 20
Superscript/Subscript (Soe-ji) In XSL, both superscript and subscript can be
defined by shifting base line as baseline-shift="super" or baseline-shift="sub".
![Page 21: Requirements for Japanese Document Layout · grid-based layout of Asian Han-Character vertical text layout Existing and new work (e.g. charters) on XSL-FO 2.0 and CSS 3 should respond](https://reader035.fdocuments.us/reader035/viewer/2022081400/5f1ae5328ce6e5225622f580/html5/thumbnails/21.jpg)
2006/10/18 21
Tab Both XSL and CSS do not support tab stop function.
Upper/left align Lower/right align Center align Designated symbol align
![Page 22: Requirements for Japanese Document Layout · grid-based layout of Asian Han-Character vertical text layout Existing and new work (e.g. charters) on XSL-FO 2.0 and CSS 3 should respond](https://reader035.fdocuments.us/reader035/viewer/2022081400/5f1ae5328ce6e5225622f580/html5/thumbnails/22.jpg)
2006/10/18 22
Column Though XSL supports only single span, multiple span is
required.
![Page 23: Requirements for Japanese Document Layout · grid-based layout of Asian Han-Character vertical text layout Existing and new work (e.g. charters) on XSL-FO 2.0 and CSS 3 should respond](https://reader035.fdocuments.us/reader035/viewer/2022081400/5f1ae5328ce6e5225622f580/html5/thumbnails/23.jpg)
2006/10/18 23
Footnote, Head-note, Side-note In XSL, footnote with every single span is supported. In
addition, auto numbering is required. There is no head-note, side-note, or endnote in XSL. Head-note and side-note may be modified by <fo:float>.
![Page 24: Requirements for Japanese Document Layout · grid-based layout of Asian Han-Character vertical text layout Existing and new work (e.g. charters) on XSL-FO 2.0 and CSS 3 should respond](https://reader035.fdocuments.us/reader035/viewer/2022081400/5f1ae5328ce6e5225622f580/html5/thumbnails/24.jpg)
2006/10/18 24
Footnote
![Page 25: Requirements for Japanese Document Layout · grid-based layout of Asian Han-Character vertical text layout Existing and new work (e.g. charters) on XSL-FO 2.0 and CSS 3 should respond](https://reader035.fdocuments.us/reader035/viewer/2022081400/5f1ae5328ce6e5225622f580/html5/thumbnails/25.jpg)
2006/10/18 25
Side-note
![Page 26: Requirements for Japanese Document Layout · grid-based layout of Asian Han-Character vertical text layout Existing and new work (e.g. charters) on XSL-FO 2.0 and CSS 3 should respond](https://reader035.fdocuments.us/reader035/viewer/2022081400/5f1ae5328ce6e5225622f580/html5/thumbnails/26.jpg)
2006/10/18 26
Line-space adjustment(kin-to-wari) Line-space adjustment is employed to list several words
consisting of the different number of characters. In XSL, display-align property designates before, center, or after. Line-space adjustment is realized to extend the property as
display-align="justify".
Center Before After Justify
Line-space adjustment with other cases
![Page 27: Requirements for Japanese Document Layout · grid-based layout of Asian Han-Character vertical text layout Existing and new work (e.g. charters) on XSL-FO 2.0 and CSS 3 should respond](https://reader035.fdocuments.us/reader035/viewer/2022081400/5f1ae5328ce6e5225622f580/html5/thumbnails/27.jpg)
2006/10/18 27
Figures and Pictures Positioning
In XSL, text flow control around absolute position of figures and pictures.
![Page 28: Requirements for Japanese Document Layout · grid-based layout of Asian Han-Character vertical text layout Existing and new work (e.g. charters) on XSL-FO 2.0 and CSS 3 should respond](https://reader035.fdocuments.us/reader035/viewer/2022081400/5f1ae5328ce6e5225622f580/html5/thumbnails/28.jpg)
2006/10/18 28
Figures and Pictures Positioning
![Page 29: Requirements for Japanese Document Layout · grid-based layout of Asian Han-Character vertical text layout Existing and new work (e.g. charters) on XSL-FO 2.0 and CSS 3 should respond](https://reader035.fdocuments.us/reader035/viewer/2022081400/5f1ae5328ce6e5225622f580/html5/thumbnails/29.jpg)
2006/10/18 29
Guide Mark (tonbo) There is no guide mark specification in XSL.
![Page 30: Requirements for Japanese Document Layout · grid-based layout of Asian Han-Character vertical text layout Existing and new work (e.g. charters) on XSL-FO 2.0 and CSS 3 should respond](https://reader035.fdocuments.us/reader035/viewer/2022081400/5f1ae5328ce6e5225622f580/html5/thumbnails/30.jpg)
2006/10/18 30
Guide Mark Example
![Page 31: Requirements for Japanese Document Layout · grid-based layout of Asian Han-Character vertical text layout Existing and new work (e.g. charters) on XSL-FO 2.0 and CSS 3 should respond](https://reader035.fdocuments.us/reader035/viewer/2022081400/5f1ae5328ce6e5225622f580/html5/thumbnails/31.jpg)
2006/10/18 31
Ideographic annotations There is no specification of annotations for classical
Chinese writing in XSL.
![Page 32: Requirements for Japanese Document Layout · grid-based layout of Asian Han-Character vertical text layout Existing and new work (e.g. charters) on XSL-FO 2.0 and CSS 3 should respond](https://reader035.fdocuments.us/reader035/viewer/2022081400/5f1ae5328ce6e5225622f580/html5/thumbnails/32.jpg)
2006/10/18 32
Conclusion
![Page 33: Requirements for Japanese Document Layout · grid-based layout of Asian Han-Character vertical text layout Existing and new work (e.g. charters) on XSL-FO 2.0 and CSS 3 should respond](https://reader035.fdocuments.us/reader035/viewer/2022081400/5f1ae5328ce6e5225622f580/html5/thumbnails/33.jpg)
2006/10/18 33
Conclusion
There is a need for: grid-based layout of Asian Han-Character vertical text layout
Existing and new work (e.g. charters) on XSL-FO 2.0 and CSS 3 should respond to that need
Benefit for W3C: growing markets in Asia for W3C technology including Japan, China and Taiwan