TOP

SVG textArea要素

指定した矩形領域の中に、テキスト文字列を描きます。

サンプルプログラム

<?xml version="1.0" encoding="UTF-8"?>
<pxd paper-type="A4" orientation="portrait">
<page>
<svg x="0" y="0" width="21cm" height="29.7cm" viewBox="0 0 2100 2970">
<rect x="100" y="100" width="1600" height="700" stroke="magenta"
  stroke-width="1" fill="lavender"/>
<textArea font-size="70" fill="purple" x="110" y="110"
  width="1600" height="700">
iPOPWeb®(アイポップウェブ)は、<tBreak/>
 プライスカード・POP作成だけでなく、年賀状、名刺、表彰状、熨斗、
 季節のポスターなど様々な用途でご利用いただいてます。<tBreak/><tBreak/>
 ・クラウドだから導入ラクラク<tBreak/>
 ・ブラウザだから利用ラクラク<tBreak/>
 ・5,000種類以上のテンプレート<tBreak/>
 ・印刷はもちろんPXDOC
</textArea>

</svg>
</page>
</pxd>

textArea要素の主な属性

属性名
font-size フォントサイズ。数値で指定
font-family フォント名
xX座標
y Y座標
width テキストエリアの横長
height テキストエリアの縦長
fill 文字の色


textArea要素の主な属性

要素 説明
<tBreak/> 改行します