0

nこの質問をするのは 4 人目であることをお詫びします。私はたくさんのことを詮索しましたが、まだ解読していません。

「任意の」svgをビューポートのフルサイズに合わせて中央に配置できるようにしたいと思います。

たとえば、次の svg 要素について考えてみます。

    <svg baseProfile="full" height="100%" version="1.1" width="100%"
     xmlns="http://www.w3.org/2000/svg"
     xmlns:ev="http://www.w3.org/2001/xml-events"
     xmlns:xlink="http://www.w3.org/1999/xlink"><defs />
      <polygon fill="blue" points="0,0 10,0 10,10 0,10" />
    </svg>

ブラウザのビューポート全体を埋めるまで、それを中央に配置して拡大したいと思います。最終結果は大きな青い正方形になるはずです。ほとんどのディスプレイは高さよりも幅が広いため、ブラウザの中央に配置して垂直方向に表示する必要があります...ご存知のように、2mm ではなく 9 インチです ;-)

理想的には、負の座標を持ち、「ちょうど処理された」ものすべてを持つことができるようにしたいと思います (例: center! maximum! thnx!)

CSS テクニックを組み合わせてみました。私が「ググった」方法はどれもうまくいかないようです。

「ポイント」はピクセルであるため、「フルスクリーン」は10x10ピクセルを意味します。多分それは間違った解釈です。

関係ないかもしれませんが、私はPython svgwriteパッケージを使用しています。これには、スケーリング、変換、回転する独自の方法があります...しかし、これらのどれも私にとってはうまくいかないようです。

4

1 に答える 1