4

ビューボックスを非表示にするのではなく、ビューボックスの外側にあるパスをクリップする機能や方法はありますか？

ビューボックス、キャンバス領域を持つsvg-editを使用しています。そのキャンバスの外側に描かれたものはすべて隠されています。ただし、エディターの出力を収集してInkscapeなどのグラフィックエディターに貼り付けると、図面全体が表示されます。ビューボックスの外側にある図面をエディターの出力から完全に切り取ってほしい。したがって、たとえば、キャンバスの半分が外側にある円がある場合、エディタの出力は半分の円になり、円全体が半分だけ非表示になるわけではありません。

サブジェクトパス自体のジオメトリを変更したいのですが、それを非表示にするだけではありません。

私はsvg-editの変更を行っています：http ：//code.google.com/p/svg-edit/

4

1 に答える 1

4

clip-pathこれを行う1つの方法は、ルートsvg要素にを適用することです。

必要に応じて、次の例のように、単純な長方形の領域、または別のより複雑な形状にすることができます。

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns="http://www.w3.org/2000/svg" 
     xmlns:xlink="http://www.w3.org/1999/xlink"     
     viewBox="-100 -100 300 300"
     clip-path="url(#clip)">
  <defs>
    <clipPath id="clip">
      <rect width="100" height="100" rx="10"/>
      <path d="M40 99l10 11 10 -11z"/> 
    </clipPath>
  </defs>

  <rect id="background" width="120" height="120" fill="slateblue"/>
  <image xlink:href="images/man.png" width="100" height="110" 
         preserveAspectRatio="xMidYMax meet"/>
</svg>

ここでオンラインで表示します。

あなたの場合、viewBoxと同じ寸法<rect>の要素内に1つだけが必要になるでしょう。<clipPath>

于 2013-02-25T19:36:09.313 に答える