4

たとえば、100x100ピクセルのsvgファイルがあります。私はバティックを使用しています。

私がする場合：

JSVGCanvas svg = new JSVGCanvas();
[...]
svg.setSize(10,10);

画像のこの部分のみが表示され、サイズ変更された画像は表示されません。

サイズ変更されたSVG画像を表示する方法を知っていますか？

ありがとう ;）

4

2 に答える 2

6

viewBox=""表示しているドキュメントのルート<svg>要素に属性が設定されていることを確認する必要があります。たとえば、指定するviewBox="100 100 300 200"と、領域（100,100）→（400,300）がのサイズにスケーリングされることを示しますJSVGCanvas。デフォルトでは、この領域のアスペクト比はスケーリング時に保持されるため、のアスペクト比と一致しない場合は、上部または下部に余分なパディングが追加されますJSVGCanvas。その動作をオーバーライドするには、preserveAspectRatio=""属性を使用します。

于 2010-06-22T02:18:00.883 に答える
0

ビューボックスパラメータを使用すると、表示/表示するキャンバスの部分を設定できます。svgの「サイズを変更」する場合（svgはベクター画像であるため、実際のサイズはありません）、ヘッダーにあるパラメーターの幅と高さを次のように追加/変更できます。<svg>

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" contentScriptType="text/ecmascript" zoomAndPan="magnify" width="1200" height="720" contentStyleType="tex ....</svg>

ビューボックスを変更したい場合は、パラメータを追加できます

viewBox="0 0 1200.0 720.0"

ヘッダー内<svg>（1200 x 720のHDビューの場合）。

于 2016-04-06T12:23:11.817 に答える