SVG：翻訳コマンドを理解する

Question

私が理解していることから、SVG変換変換は与えられたXと与えられたYによって座標をオフセットします。したがって、（80,100）で何かを描き、translate（-10、-10）オブジェクトを（70,90）に描画します。

言い換えれば、ページ幅が1054であるSVGファイルがあります。グループタグの1つにtranslate（-5774.2676,3117.0866）の変換が適用されます。私が理解しようとしているのは、これがどのページから完全に外れていないのか（これはそうではありません）です。誰かが私にこれを理解させる手助けはできますか？

Answer 1

私はフィドルを作成しましたhttp://jsfiddle.net/JNqDY/。また、説明はフィドルで行われます。つまり、ビューポートには表示されない座標（ビューポートの外側）にオブジェクトを描画することができます。次に、viewBox座標を適切に調整することにより、ビューポートの外に描画されたオブジェクトをビューポートに持ち込むことができます。これは、無限のキャンバスとしてsvgを考えるようになります。