• ベストアンサー

画像をその場で回転（自転）させたい

　今晩は、宜しくお願いします。 　 　ある四角の画像の上にマウスをクリックすると、その場で回転（自転）し、再度クリック すると、回転がとまるようにしたいのですが、コードの書き方が分かりません。 　宜しくお願いします。

  • htgo
  • お礼率33% (407/1224)

質問者が選んだベストアンサー

  • ベストアンサー
  • fujillin
  • ベストアンサー率61% (1594/2576)
回答No.2

#1です。 中身を見ないで、回答していましたが… ＞あまり見たことの無い、コマンドが書かれているのですが …が、どこのことを指しているのかわかりませんが、jQueryを利用したjavascriptで書かれていると思いますが？ そのサイトのExampleのページで示されているメソッドのことでしたら、jQueryRotateで定義されているメソッドですので、必ずしも一般的なものではありません。 （というか、javascriptで定義しているものですので、hogeでもfugaでも定義可能です。） ＞これをHTMLの中に埋め込んでも動くのでしょうか。 ブラウザでアクセスしてご覧になれるのであれば、同様のことが可能なはずです。 （似たもので、flashなどもあることはありますが・・・） もちろん、Exampleのページに表示されているコードだけを記述しても動作しません。 jQueryやjQueryRotateを読込むことで、初めてそのコードが実行可能になります。

その他の回答 (1)

  • fujillin
  • ベストアンサー率61% (1594/2576)
回答No.1

どこがわからないのか、わからないのだけれど… とりあえず、画像を回転させるのに 　こんなの（↓）とか http://code.google.com/p/jqueryrotate/ 　あるいはcanvasを利用して http://d.hatena.ne.jp/nakamura001/20090221/1235222553 画像クリックのイベントを設定しておいて、トグルになるように開始と停止を行なうってようなアイデアではいかがでしょうか。

htgo
質問者

補足

　fujillinさん、早速の回答有難う御座いました。 　 　初歩的な質問ですが、このサイト（http://code.google.com/p/jqueryrotate/）のコードは どのような言語で書かれているのでしょうか。 　あまり見たことの無い、コマンドが書かれているのですが。 　これをHTMLの中に埋め込んでも動くのでしょうか。 　 　 　

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. JavaScript

関連するQ&A

  • 画像の回転（角度）

    こんにちは。 画像の角度の回転方法が分らず困っています。 今、マウスのカーソル周りを三つの画像が周る スクリプトを作ろうとしています。 それで、画像がマウスの周りを回る時に角度を 変えつつ回転させたいのです。 たとえば、↓ こういった矢印画像があったと すると、つねにカーソルの中心を指した状態で カーソルの周りを回るようにしたいです。 マウスの周りを回転するというのはサンプルで いくつか出てきたのですが、画像自体の回転の 方法は見つけられませんでした。 出来れば、両方のサンプルコードのあるサイト か、実際のコードを書いて頂けると助かります。 宜しくお願いします。

  • 発散も回転もある場？

    http://imagepot.net/view/123778295212.jpg この図を見て頂きたいのですが、 発散も回転もあるそうです。 発散は場の流れがとぎれているところで、生じているのは容易に分かりますが、回転はどこで生じているのでしょうか？ 文章中では側面付近と書かれていますが、これは丸と四角の右と左の場のない部分との境界線ということだと思うのですが、 ここで回転をとったとしても値はゼロになると思うのですが、 どうすれば回転が有限の値をもつというのでしょうか？ よろしくお願い致します。

  • 画像を回転するには？

    ページ上に配置されたボタンをクリックすることにより、表示されている画像を90度回転させたいのですが、なかなかよい方法が見つかりません。回転そのものは、IEであればDirectXを用いたフィルタ、Firefox、Operaであれば、canvasタグで実現できるかと思いますが、できれば、DirectXがサポートされていない環境でのIE、Netscape等、より多くのブラウザ上で動作させたく、どなたかよい方法をご存知の方がいらっしゃいましたら教えていただけないでしょうか。よろしくお願いします。

  • 画像回転メニュー

    画像回転についてです． 先日，PCを初期化しました． 画像回転についてですか，ファイル内の画像を縮小表示にさせ，右クリックのメーニューから画像の回転をしていましたが，初期化してからは，左回転のみしかありません． 初期化前は，右回転と左回転の両方ありました． どこかで設定できるのしょうか？

  • フォトショップで画像の回転でショートカットってありますか

    フォトショップＣＳ３を使用しております。 画像の回転でショートカットってありますか？ たとえば、ある画像があるとします。 範囲設定をすべてを選択にして、その選択した範囲の内で 右クリックをして、自由変形を選択します。 そしてもう一度その選択した範囲の内で 右クリックをして、回転を選択します。 これで、選択範囲の破線の角にマウスをもっていくと マウスのカーソルが９０度円の両矢印マークになります。 選択範囲の破線の角にマウスをもっていって画像を回転させるわけですが 微妙な角度まであわせたいときには、画像を拡大表示して中心部で あわせようとすると、選択範囲の破線の角が画面外になってしまって 少しあわせては、スクロールバーを移動して、選択範囲の破線の角が みえるところまで、もどってマウスでちょっとだけ動かして また、中心部までもどって様子をみて、またスクロールバーで 選択範囲の破線の角がでるところまでもどって、の繰り返しを しております。これはとても面倒で大変な労力です。 画像を拡大表示して中心部を表示した状態で たとえば、キーボードのＲキー押したらすこしだけ回転が動くとか またはＬキーをおしたら反対の方向にすこしだけ回転するとか、 そういったキーボードを利用したショートカットってあるでしょうか？ また、設定できるのでしょうか？ できるとしたら、方法を教えてください。

  • 画像を回転させると画像ファイルが消える！

    画像ファイルを右クリックし、右回りに回転をクリックすると、画像が消えてしまいます。 （添付画像は消える前の状態） ＯＳのバグのような気がするのですが、パッチなどは配信されているのでしょうか？ 環境は、Windows7 professional 32bit です。

  • Aviutlの編集（画像の回転）について

    Aviutlで画像のような「自転して登場する」編集をしたいのですが、平面で円のように回転してしまい上手くいきません…。どのように設定したら上手くいくのか教えて頂きたいです。 一応初歩の初歩は習得していると自負しておりますが、カメラ制御に関しては初挑戦です。 添付画像が急ごしらえで申し訳ありません。 よろしくお願い致します。

  • EXCELで画像を回転したい。

    EXCEL2000を使用しております。 EXCELに画像を挿入した場合、それは回転することができないと理解してました。 ところが、EXCELに挿入した画像をダブルクリックすると、PHOTO EDITERが起動して、画像を回転することができることがわかりました。 ただ、私のPCでやると、図の書式設定が表示されるだけで、PHOTO EDITERが起動してくれません。 この設定のやり方を教えてもらえますか？

  • 画像を回転して保存できませんか？

    DVDの表面のラベルをスキャナで画像化したものをgifにして gifアニメーションを作ろうと思っているのですが スキャンしたときDVDの上の部分が右上などに向いていて 右クリックから90度回転をしても違う方向に向いてしまいgifアニメには最適ではない方向に向いてしまいます。ですので画像の中心から方向転換できるソフトなどがあれば教えてもらいたいのですが、 いままでにそんなソフトは見たことがないのであるかどうかも分からず質問させてもらったのですが 実際そのようなソフトはあるのでしょうか？

  • iPadの画像の消し方教えて下さい。

    iPad用のBluetoothマウスを使用しておりましたが今回そのマウスが不要となったためBluetoothからは削除しました。しかし、添付画像の左下にある四角の画像（クリックすると、通知・デバイス・コントロールセンターetc.)を削除することができません。削除する方法をご伝授下さい。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する