• 締切済み

画像を90度回転して表示する方法はありますか？

最低限IEだけでも良いのですが、Javascriptで 画像を90度回転してブラウザに表示する事は可能でしょうか？ ↓のstyle="filter:FlipV() FlipH();"では駄目でした。 http://www.core.kobe-du.ac.jp/sugiura/html/chap72.htm#fliph なお、filter:Redirect();ではアニメなら回転できようですが、 回転しつづけるのではなく画像ソフトで90度回転させたように止まって表示したいです。

みんなの回答

  • BLUEPIXY
  • ベストアンサー率50% (3003/5914)
回答No.1

あらかじめ、９０度回転した画像を用意しておいて切り替えるのはだめですか？

natsuyori
質問者

お礼

はい。なるべくサーバーに負荷をかけたくないので、クライアントサイドで回転表示できればと思います。 どこかのサイトでDLLをダウンロードしてVBScriptで回転しているところがあったのですが、なるべく手軽に実現したいです。やはり今のブラウザでは無理な感じですね。 ありがとうございます。

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

関連するQ&A

  • javascriptで画像を回転後縮小の方法

    よろしくお願いします canvas上のjavascript(2D)にて 画像を回転させてからつぶしたような描画方法をご存知ないでしょうか。 画像の回転とYの縮小(つぶす形の表示)はできるのですが、 この場合、先に縦がつぶされてから、回転されて、表示されます。 添付のように回転させた画像を表示したいのですが わかりますでしょうか

  • 画像を回転するには？

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

  • 画像の回転（ボタンで制御）

    何も解っていなくてすいません。画像を回転したいのですが、STOPしてからSTARTボタンを押すと画像の位置がカクンと下のほうにずれてしまいます。下のコードもサンプルから引用したものにボタンで制御できないものかと付け足しただけで今ひとつ理解できていないかも知れません。こんな初心者ですが宜しくお願いします。 <link rel=stylesheet type="text/css" href="../css/style.css"> <script language="JavaScript"><!-- function myStart(){ // ボタンが押された sample.Start(); } function myStop(){ // ボタンが押された sample.Stop(); } // --></script> </head> <body> <object id=sample style="position:absolute; width:200px; height:200px;" classid="clsid:b6ffc24c-7e13-11d0-9b47-00c04fc2f51d"> </object> <img src="image/img.jpg" id=img1 style="filter:Redirect();"> <script language="JavaScript"> <!-- si = img1.filters[0].ElementImage(); sample.Image = si.Transform( sample.MeterLibrary.Rotate2RateDegrees(100)); sample.Start(); //--> </script> <form><input type="button" value="START" onclick="myStart()"></form> <form><input type="button" value="Stop" onclick="myStop()"></form>

  • 読み込むたびに画像を順番に表示させるには

    はじめまして。先ほど登録し初めての質問です。 Javascriptで読み込むたびに順番に画像を表示させるには どうすればよいのでしょうか？ よくランダムに表示させる方法はみかけますが、 順番に表示させる方法がわかりません。

  • 画像を回転させる方法

    質問させてください。 今、下記のような画像をドラッグとホイールで360度回転させる機能 http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-reel.html に、更にスライダー機能（http://zack.dtiblog.com/blog-entry-15.html）も使える様にしたいのですが、参考サイトも見つからず、うまい事組み合わせようとしても実装できません。 もしわかる方いらっしゃいましたら教えて頂ければと思います。 何卒宜しくお願い致します。

  • createjsで画像表示できません。

    javascriptでcreatejsをつかって画像を表示できずに困っています。 初心者です。 ブラウザはchromeなんですが、 いろんなサイトのサンプルすら表示できません。 ブラウザの設定は問題ないはずです。 すいませんがよろしくおねがいします。

  • 画像を回転させようとすると画質が落ちる場合がありますの表示

    画像を回転させようとすると画質が落ちる場合がありますの表示 デジカメからソフトを使わずに、「エクスプローラを開く」を選択してマイピクチャなどにデジカメの画像をパソコンに取り込もうとしました。 縦に撮った画像をマイピクチャの中で９０度回転させようとしたら、常に 「この画像の大きさが原因で、回転後に画質が落ちる可能性があります。画像を回転すると、画像は元の名前で自動的に保存されます。始めにバックアップコピーをするには、ヘルプの「イメージをコピーする」を参照してください。続行しますか？」と出ます。 画質は落としたくないのでまだ回転させていないのですが、マイピクチャのヘルプで「画質　回転　落ちる」などで検索しても、それらしきものがヒットしません。 ここで言う「画質が落ちる可能性がある」のは本当なのでしょうか？もし画質が落ちるなら回転前に保存をしておきたいのですが、保存方法を教えてください。 画質の大きさは２５９２×１９４４です。 携帯画像などでは、回転させてもこういう表示は出てきたことがありませんでした。 どなたかよろしくお願いします。

  • 画像を回転させようとすると画質が落ちる場合がありますの表示

    画像を回転させようとすると画質が落ちる場合がありますの表示 デジカメからソフトを使わずに、「エクスプローラを開く」を選択してマイピクチャなどにデジカメの画像をパソコンに取り込もうとしました。 縦に撮った画像をマイピクチャの中で９０度回転させようとしたら、常に 「この画像の大きさが原因で、回転後に画質が落ちる可能性があります。画像を回転すると、画像は元の名前で自動的に保存されます。始めにバックアップコピーをするには、ヘルプの「イメージをコピーする」を参照してください。続行しますか？」と出ます。 画質は落としたくないのでまだ回転させていないのですが、マイピクチャのヘルプで「画質　回転　落ちる」などで検索しても、それらしきものがヒットしません。 ここで言う「画質が落ちる可能性がある」のは本当なのでしょうか？もし画質が落ちるなら回転前に保存をしておきたいのですが、保存方法を教えてください。 画質の大きさは２５９２×１９４４です。 携帯画像などでは、回転させてもこういう表示は出てきたことがありませんでした。 どなたかよろしくお願いします。

  • javascriptで画像を表示する

    javascriptで画像を表示した際に、表示したimgにCSSのidを付与したいのですが、以下のようにしても画像にidはつきませんでした。 document.write("<img src='images/image.jpg' id='example'>"); 一部の画像のみにスタイルを適用したいので、画像それぞれに異なるidを与えたいのですが、javascriptで表示させる場合のやり方がわかりませんでした。 どうやってidを割り当てるのか教えてください。 よろしくお願いいたします。

  • Javascriptでページを更新するたびに違った画像を表示させたいのですが…。

    ページを更新する度に違う画像をランダムにランダムに表示したいのですが、恐らくJavascriptでできるのではなかろうかと考えております。 Javascriptは別ファイルにしようと考えてます。 教えてくださる方、おられましたらご回答をよろしくお願いします。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

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

質問する