人力検索はてな
モバイル版を表示しています。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.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ