SVG viewBoxはY座標を反転します

Question

私はSVGを使用して、HTMLページをさまざまな図形で描画しています。これらの異なる形状は、Microsoft Sql Serverの空間データベースのジオメトリオブジェクトから取得されます。私が直面している問題は、座標系（SvgとMicrosoft SQL Server）のシステムが異なるということです。 0,0はSvgの左上隅にありますが、Microsoft Sql Serverでは左下隅から開始します。私はY座標を逆にする必要があります。私はviewBoxを使ってデータを適切に表示しています（異なる変換の場合）。オブジェクトの座標に触れずに、自分のビューボックスの属性だけで問題を解決する方法はありますか？私はオブジェクトを動的に作成し、 "viewBox"ソリューションを好むでしょう。

ありがとうございます！

Answer 1

viewBoxを使用することはできません。 SVG仕様では、新しい座標系を定義したい場合、変換を使用する必要があると言います。あなたが望むのは、イメージの中心を通る水平線に関するすべてを反映させることです。そのため、そのように、グループ内のすべての要素をラップ：heightは、あなたのSVGの高さである

<svg> 
    <g transform="matrix(1 0 0 -1 0 height)"> 
    all the other elements... 
    </g> 
</svg> 

。 1つの潜在的な問題は、テキストが上下逆さまにレンダリングされることです。