1

画像のサイズを変更して比率を計算する方法を理解しようと、一日中苦労してきました。私はほとんど失敗しました!

私の問題を説明するために、ごめんなさい!しかし、私は言葉を見つけることができません...だからここにこのフィドルがあります:http: //jsfiddle.net/Saturnix/TkPX5/

ご覧のとおり、ソファと羊の画像があります(そうでない場合:ブラウザウィンドウのサイズを変更してみてください)。

次に、ブラウザウィンドウのサイズを変更し続けます。羊とソファの両方のサイズが変更されるはずです。ソファの画像にハードコードされているかのように、いまいましい羊をソファに固定した位置に置いておきたいだけです。窓の寸法に関係なく、羊はソファにとどまらなければなりません。

いいえ、Photoshopを使用して羊を貼り付けることはできません。

最終的なプロジェクトでは、ソファの代わりにインターフェイスがあり、羊はノブまたはボタンになります。

自分で試してみたい場合は、「TODO」コメントが表示される一番下までjavascriptをスクロールしてください。

羊の位置を変更する2行のコードがあります。それらを計算するために必要な他のすべてのパラメーターは、すでに上記のコードに含まれています(または少なくともそう願っています!)。数式が恋しいです。

私は羊のサイズを動的に、そしてソファに比例してサイズ変更することができました:どうすればその位置で同じことをすることができますか?私は試しました!すべて!しかし、何も機能していないようです:'(

事前にどうもありがとうございました!

編集:フィドルリンクが間違っていたようです。修理済み!

4

1 に答える 1

1

xとを固定値に設定するのではなくy、画像の新しい高さと幅に合わせて調整する必要があります。

x = masterX + (50 * w / imm1.width);
y = masterY + (235 * h / imm1.height);

http://jsfiddle.net/TkPX5/12/

于 2012-10-03T00:29:12.357 に答える