TOP

SVG image要素

画像ファイルを描写します。

画像ファイルを参照したサンプルプログラム

<?xml version="1.0" encoding="UTF-8"?>
<pxd paper-type="a4" orientation="landscape" xmlns:xlink="http://www.w3.org/1999/xlink">
<page>
<svg x="0" y="0" width="29.7cm" height="21cm" viewBox="0 0 2970 2100">

  <!---相対パスによる画像ファイル指定--->
<image x="100" y="100" height="800"
    xlink:href="./img/banana1.jpg"/>


  <!---絶対パスによる画像ファイル指定--->
<image x="1400" y="100" height="800"
    xlink:href="http://blissroad.co.jp/banana.jpg" />


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



image要素の主な属性

属性名
xX 座標
yY 座標
width横幅
height 縦幅
opacity  
xlink:href 対応フォーマット:BMP, JPEG, PNG, TIFF, GIF
transform  
class