人力検索はてな
ﾓﾊﾞｲﾙ版を表示しています｡PC版はこちら
i-mobile
SVG画像を作成中なのですが､添付画像のような動作をする画像の作り方が判りません｡やりたい事は､
･画像全体の高さを変えず幅だけを変えた際は､画像右端付近に右端からの距離や大きさを変化させずに留まる
･が贈全体の高さを変えた時は､その高さの変化率に応じて右端からの距離や大きさが変化する
ような要素が画像右端に存在するSVGを作りたいのです｡
その記述方法を教えて下さい(できれば､JavaScript等に頼らない方法で)

1314377914
●拡大する
●質問者: 元ここｷﾞｺ！
●ｶﾃｺﾞﾘ:ｲﾝﾀｰﾈｯﾄ ｳｪﾌﾞ制作
✍ｷｰﾜｰﾄﾞ:JavaScript SVG 作成 存在 方法
○ 状態 :終了
└ 回答数 : 2/2件
▽最新の回答へ
▽1 ● じゅぴたｰ
●250ﾎﾟｲﾝﾄ

｢画像右端付近に右端からの距離｣で言う｢右端｣は､ﾌﾞﾗｳｻﾞの表示枠のことを意味していますか？


SVG画像の位置を動的に変化させるという意味だと思いますので､JavaScriptでCSSを動的に画像を動かすか､ｻｰﾊﾞｻｲﾄﾞで(PerlやPHPを使って)CSSを動的に変更するしかありません｡

どちらの方式を選択しますか？

▽2 ● Cherenkov
●250ﾎﾟｲﾝﾄ

簡単なものだったらcssのhoverでできると思いますが､

CSS Sprites w/out Using Background Images | HTML/CSS Tutorials | Web Design Tutorials and Front-end Development Blog by Soh Tanaka

複雑な処理は

Raphae”l―JavaScript Library

こういったﾗｲﾌﾞﾗﾘを使ってみてはどうですか｡

関連質問
●質問をもっと探す●

0.人力検索はてなﾄｯﾌﾟ
8.このﾍﾟｰｼﾞを友達に紹介
9.このﾍﾟｰｼﾞの先頭へ
□対応機種一覧
□お問い合わせ
□ﾍﾙﾌﾟ/お知らせ
□ﾛｸﾞｲﾝ
□無料ﾕｰｻﾞｰ登録
□はてなﾄｯﾌﾟ