SVG画像を作成中なのですが、添付画像のような動作をする画像の作り方が判りません。やりたい事は、
・画像全体の高さを変えず幅だけを変えた際は、画像右端付近に右端からの距離や大きさを変化させずに留まる
・が贈全体の高さを変えた時は、その高さの変化率に応じて右端からの距離や大きさが変化する
ような要素が画像右端に存在するSVGを作りたいのです。
その記述方法を教えて下さい（できれば、JavaScript等に頼らない方法で）
No.1
444
74
250pt
「画像右端付近に右端からの距離」で言う「右端」は、ブラウザの表示枠のことを意味していますか？
SVG画像の位置を動的に変化させるという意味だと思いますので、JavaScriptでCSSを動的に画像を動かすか、サーバサイドで（PerlやPHPを使って）CSSを動的に変更するしかありません。
どちらの方式を選択しますか？
1
1
2
1
30
29
コメント（1件)
SVGの、preserveAspectRatio="xMaxYMin meet"という属性を使って実現できるようです。
ありがとうございました。