縦書き

縦書きは、色々と工夫が必要です。

<?xml version="1.0" encoding="UTF-8"?>
<canvas proxied="false" bgcolor="0xeeeeee"> 
 
<simplelayout spacing="10" axis="x"/>
 
<text width="14" multiline="true" bgcolor="0xccccff">
あいうえおかきくけこしゃしゅしょ</text>
 
<text width="50" multiline="true" bgcolor="0xccccff">
あ<br/>い<br/>う<br/>え<br/>お<br/>か<br/>き<br/>く<br/>
け<br/>こ<br/>し<br/>ゃ<br/>し<br/>ゅ<br/>し<br/>ょ<br/>
A<br/>B<br/>C<br/>D<br/>E<br/>F<br/>G<br/>H</text>
 
<vbox bgcolor="0xccccff" width="50">
 <text align="center">あ</text>
 <text align="center">い</text>
 <text align="center">う</text>
 <text align="center">え</text>
 <text align="center">お</text>
 <text align="center">か</text>
 <text align="center">き</text>
 <text align="center">く</text>
 <text align="center">け</text>
 <text align="center">こ</text>
</vbox>
 
<class name="tateText" extends="text" multiline="true">
   <handler name="oninit">
     <![CDATA[
     var t= this.text;
     var n = '';
     for(var i=0; i<t.length; i++){
       n += ( t.charAt(i) + "<br/>");
     }
     this.setText(n);
     ]]>
   </handler>
</class>
<tateText width="50" bgcolor="0xccffcc">
あいうえおかきくけこしゃしゅしょABCDE</tateText>
 
 
<class name="tateText2" extends="vbox">
   <attribute name="text" type="string"/>
   <handler name="oninit">
     <![CDATA[
     var t= this.text;
     for(var i=0; i<t.length; i++){
       new lz.text(this,{'text':t.charAt(i),'align':'center'});
     }
     ]]>
   </handler>
</class>
<tateText2 width="50" bgcolor="0xccffcc">
あいうえおかきくけこしゃしゅしょABCDE</tateText2>
 
</canvas>