<?xml version="1.0" encoding="utf-8"?><!DOCTYPE article  PUBLIC '-//OASIS//DTD DocBook XML V4.4//EN'  'http://www.docbook.org/xml/4.4/docbookx.dtd'><article><articleinfo><title>画像の表示</title><revhistory><revision><revnumber>1</revnumber><date>2008-08-21 13:09:30</date><authorinitials>masahiko</authorinitials></revision></revhistory></articleinfo><section><title>画像の表示</title><para>jpgやpng形式の画像ファイルを指定して画像を表示させることができます。 </para><para>image要素を使って次のように書きます。 </para><itemizedlist><listitem override="none"><screen><![CDATA[ <image xlink:href="heart.jpg" x="0" y="0" width="100" height="100" />]]></screen></listitem></itemizedlist><!--rule (<hr>) is not applicable to DocBook--><section><title>クリップ</title><para>クリップとは図形の一部分だけを切り取って表示するものです。 </para><itemizedlist><listitem override="none"><screen><![CDATA[ <defs>
     <g id="gr">
         ...
     </g>
     <clipPath id="p2">
         ...
     </clipPath>
 </defs>
 <use xlink:href="#gr" style="clip-path:url(#p2);" />]]></screen></listitem></itemizedlist><para>defs要素で２つの定義を行っており、 p2 と gr という名前をつけています。 </para><para>gr で描く図形を定義し、 p2 で切り取るのに使うパスを定義しています。 </para><para>useで名前が gr の図形を描くときに、styleにclip-pathを指定し、指定されたパス p2 の内側だけを表示するものです。 </para><para>クリップパスの定義は <emphasis role="strong">clipPath</emphasis> クリップパスの利用は <emphasis role="strong">clip-path</emphasis> と異なっているので注意しましょう。 </para></section></section></article>