• 締切済み

WEBブラウザ上で画像に書込みを行う方法

分かりづらい質問で申し訳ありませんが、 ご存知の方がいらっしゃいましたら恐れ入りますがご教授下さい。 以下の様な事を実現するにはどの様な技術、手法で実現可能でしょうか？ 基本となる画像をWEBブラウザ上に表示 ↓ 画像に対してWEBブラウザ上で書込みを行う ↓ 書込みを行った内容を画像にする。 例） 車の絵が描かれた画像をWEB画面上に表示 ↓ 車の画像の特定の部分に、何かしらの書込みを行う ↓ その結果を画像化

みんなの回答

  • LancerVII
  • ベストアンサー率51% (1060/2054)
回答No.3

こんにちは。 http://ascii.jp/elem/000/000/513/513377/ http://ytkm.naobun.com/wordpress/?p=386 上記サイトが参考になると思います。 流れとしては ブラウザ上にCanvasを利用して画像と描画エリアを作成。 ↓ 画像に対して絵を描いたり字を描いたり。 ↓ Canvasの内容をBase64形式でサーバに送信する ↓ 送信されたBase64形式のデータを利用して画像を生成し、任意の場所に保存 >自分でも今調べているのですが、HTML5のCanvas機能を利用した場合に画像をjpgやgifで保存して、サーバ側に残す手段はあるでしょうか？ >一度ダウンロードする必要が有るのでしょうか？ どの部分でダウンロードの想定だかわかりませんが、上で述べた流れになります。 文字を任意の場所に入れる、定型画像と合成して画像を生成するetc.であればNo2さんのやり方でも良いはずです。

  • aoyama984
  • ベストアンサー率45% (253/561)
回答No.2

http://silverzwei.sakura.ne.jp/content/php/picprocess/content001.php PHPがあれば可能です http://www.php-labo.net/tutorial/php/upload.html アップロードするなら　まずUPして　表示 文字　色　大きさ　位置　を指定させて合成 PHPが利用可能なサーバが必要になります また画像処理に必要なGDなどが使えることが条件です

wheather21
質問者

補足

ありがとうございます。 なるほど、PHPで画像操作が出来るのですね 参考にさせていだきます。

  • LancerVII
  • ベストアンサー率51% (1060/2054)
回答No.1

こんにちは。 HTML5のCanvas機能を利用する。 Flashを利用する。 Javaアプレットを利用する。 とサーバ側で画像を保存する、表示する という機能が必要になります。 (Java,PHP等)

wheather21
質問者

補足

大変参考になりました。ありがとうございます。 自分でも今調べているのですが、HTML5のCanvas機能を利用した場合に画像をjpgやgifで保存して、サーバ側に残す手段はあるでしょうか？ 一度ダウンロードする必要が有るのでしょうか？

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

関連するQ&A

  • VistaのWebブラウザで画像が見れません

    Windows Vista Home Editionを使っています。 ブラウザSleipnirを使用しているのですが、Webサイトの特定の画像や背景などが閲覧出来ず、完全に透明になってしまう事があります。 例としては、mixiのプロフィール画像が表示されなかったり、枠のデザインが表示されなかったり、などです。 自分でhtmlファイルを作っていくつか見てみたところ、背景はどうやっても認識されず、あと例えば別ページへリンクされている画像などは表示されない事がある様です。 ブラウザの問題だと思ってIEでも試してみたのですが、同じ結果でした。 PCには全く詳しくないので原因がさっぱり解りません。 似たような質問を検索して、ブラウザエンジンとか色々試してみたのですがよく解らず…よろしくお願いします。

  • ブラウザを飛び出す画像

    どこかの企業か何かが開発したんだと思いますが、ブラウザに表示される広告かなにかで、車の画像がブラウザを飛び出してぐるっと大きく回りこむのがありました。 たしか、そういう技術の紹介か何かで、こういうのができますよとリンクしてあったと思うのですが、まったくその会社も広告の内容も思い出せません。 Flashとかを利用してたのかどうかもなぞでして・・・。 なにか、そういうのに心当たりのある方情報をお願いいたします。

    • 締切済み
    • CSS
  • ブラウザのウインドウ下部に画像を固定する方法

    Webプログラミングに関する質問です。 ブラウザのウインドウ下部に画像を固定する方法があれば教えて下さい。 例になるサイトが無くて申し訳ないのですが、 まず、webブラウザのウインドウ一面にスクロールなしで画像Aを配置し、 その画像に重なるように、もう一枚の画像B(バナーのような横長のもの)を ウインドウの底に固定させて配置する方法がわかりません。 「ウインドウのサイズを変更させることで、画像Aが画像Bの下に隠れる」 というページを作りたいのですが、 知恵不足でつまずきました。 説明が下手で申し訳ありませんが、 分かる方がいらっしゃいましたら、よろしくお願いします。

    • ベストアンサー
    • CSS
  • ブラウザ上で画像が縦長に表示されてしまいます

    HPに画像をアップしたところ、特定の画像について、ブラウザ上で縦長に表示されてしまいます。 Opera9.24、Netscape5.1、IEでそれぞれ試してみたのですが、どれも同じでした。 どのような理由が考えられるでしょうか？よろしくお願いいたします。

  • Webアプリで画像をキャッシュさせない方法

    Webアプリで、とある画像を表示させたあと、ブラウザでキャッシュされた画像ファイルを消したいと思っています。セキュリティなどの特殊な要求です。 環境は Tomcat( Servlet + Java ) での Webアプリです。 調べてみたのですが、どうやら一度ブラウザにキャッシュされてしまうとどうしようもないらしく、キャッシュをさせないように表示させることなんて可能なんでしょうか・・・ キャッシュさせない方法などを知っている方がいらしたら教えてください。

  • メールでウェブの画像を表示する方法教えてください

    メールを送るときに、画像の添付ファイルをつけると、メールの容量が大きくなりますので、メールマガジン等では、画像はウェブにおいて、メールを開いたときに、画像がウェブから表示される方法をとっているみたいです。 　これをどのようにしたら出来るのか、教えてください。 私は、メールソフトはアウトルックエクスプレスを使っていますので、これで実現したいのですが。

  • ブラウザでＷＥＢページが、縦長く尾を引いてしまう

    最近、モニターで、ＷＥＢページを、見ると下へスクロールしていくと、途中から、画像や、文字が、縦長く尾を引いたーように、表示され、下まで、スクロールすると、何も表示出来ません。特定のＷＥＢサイトに限らず、なります。　ブラウザは、ｆｉｒｅ　ｆｏｘ　で　システムは、ｗｉｎ7　32Ｂｉｔ　メモリー4ＧＢ　有ります。 解決策がありましたら、お教え下さい。

  • ホームページにブラウザから書き込みをするには？

    　すみません。この手法がどういう名称なのかわからず、過去ログの検索もできないのですが、以下のことがやりたいのです。 　ホームページの一部に、ブラウザから書き込めるようにしたいのです。 　たとえばページをtableタグで分けて、右上の隅のセルに「今日のひとこと」とか「管理人の日記」のようなコーナーを設けて、ここにはＨＰ製作ソフトやＦＴＰ転送を使わずにどこからでもブラウザで書き込めるようにしたいのです。 　私はまだＨＰ製作に関しては初心者ですが、いろいろ調べると「掲示板」あるいは「日記」というＣＧＩと、ＨＰ側にＪａｖａを使うと実現できそうに思えるのです。ただ、書き込んだものが何日分も表示される必要はなく、１回分だけ表示したいのです。 　こんな特殊なＣＧＩってどこかで配布されているでしょうか？　ＣＧＩの設置は何度かしていますので、大体の事はわかりますが、自分でプログラムを書く実力はありません。それから、アクセス制限（書き込み制限）は不要です。関係者しか知らないファイル名のFormページから書き込めれば、あるいは直接ＣＧＩを呼び出すのならＣＧＩの名前をわかりにくいものにすれば良いと思っています。 　当方の環境は（あまり関係ないとは思いますが）・・・ 　Ｗｉｎ９８ＳＥ、ＩＢＭホームページビルダーとＦｒｏｎｔＰａｇｅを使っています。サーバーはｗａｋｗａｋで、ＣＧＩの設置は自由です。 　以上、よろしくお願いいたします。

    • ベストアンサー
    • CSS
  • あるwebサイト上の画像表示についての仕組みがわかりません。

    初めて質問させてもらいます。 zerowebと申します。 宜しくお願い致します。 http://www.web-mihon.com/ 上記のURLのTOPページのすぐ下部分に、 「おすすめ画像の紹介」という箇所があると思います。 その部分に小さな画像が羅列されて表示してあると思うのですが、その画像をクリックすると通常とは違った方法で大きく表示されます。 通常ですと、別ブラウザで表示されると思うのですが、 この場合、同じブラウザでそして何より凄いのは大きくなった画像のまわりが黒色になることです。 これは、どのような技術でやってあるのか教えて頂けたら幸いです。 わかりずらい説明かと思いますが、 宜しくお願い致します。

  • macでのWEBブラウザの画像の保存が出来ない

    macでのWEB ブラウザの画像の保存が出来ません。 windowsの場合だと保存したい画像を反転させて右クリックで「名前を付けて画像を保存」ですが、macの場合右クリックがないので、 どのように保存すればよいのでしょうか？ 画像の保存目的は、トレースをする為、保存した画像をイラストレーターやフォトショップで使用しようと思っています。 もう一つ、分からないのですが、windowsの場合「print screen」で表示されているブラウザーを丸ごとコピーしてフォトショップにペースト出来たのですが、macでは出来ないのでしょうか？ よろしくおねがいします。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

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

質問する