• 締切済み

図の描画

csvデータを保存したデータベースから ブラウザに図を描きたいと考えています。 たとえば、CSVデータが5角形を示すようなデータであれば5角形を。 楕円の中に文字を入れるようなデータであれば”(5)”のような表示を。 ※CSVデータはあくまでデータで、座標なもののデータと思っていただければ結構です。 このようにブラウザ上で描画するにはどの言語で行えるのでしょうか?

みんなの回答

noname#94983
noname#94983
回答No.1

ブラウザに「描画」はできないでしょう。ブラウザは、単に何かを「表示」するだけのものですから。 ですから、まぁ考え方としては、そうした描画をする「何か」をブラウザに埋め込んで表示させる、というやり方が普通じゃないでしょうか。例えば、Javaのアプレットや、Flashなどで、そうしたCSVを読み込んで図形を描画するプログラムを用意しておき、それをブラウザに表示させる、という感じですね。ただし、これらはプラグインがないと動かないという問題はありますが。 あとは、例えばサーバ側のプログラムで図形を描画して、そのイメージをブラウザに転送して表示させる、というやり方も考えられます。これは、例えばJSPやPHPなどではよくやりますね。PerlやRubyなどでもできると思いますがやったことはないので……。これらは、特にプラグインなど不要ですが、サーバ側でその言語が対応してないといけませんね。 だいたい、このあたりのやり方をすることが多いんじゃないでしょうか。お使いのサーバ環境などを確認して、適したものを選択するのがよいでしょう。

全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

  • iPhoneSDK 楕円の描画およびグラデーション

    iPhoneSDK環境で図形の描画を行うプログラムで行き詰まっています。画面に楕円を描画をしたいのですがどのように処理をしたら良いのかわかりません。行いたい処理は縦もしくは横に長い楕円でその楕円を指定した角度の傾いた描画を行いたいのです。表示したい座標、縦横の半径、角度などの指定して一発で描画できる機能など無いのでしょうか? それと添付した画像のように描画して楕円の中に指定した色でグラデーションをかける事ができるでしょうか?一度に沢山の質問ですが分かる方がいましたらお手数ですが宜しくお願い致します。

  • CSVを読み込んで人体骨格を描画する方法

    OpenGL初心者です。 人体の骨格を描画し、それをアニメーションさせるプログラムをOpenGLとC++を用いて作ることになりました。 プログラムでは、骨格の関節の3次元座標をまとめたCSVを読み込み、それをもとに骨格を描画させなければなりません。 CSVは図のように、列に頭や手足などの15か所の各関節とそれぞれのx,y,z座標を並べ、行はフレーム数を表しています。 OpenGLに関しては全くの初心者で、応用できそうなサンプルも見つからず、難儀しております。 図のようなCSVを読み込んで、それをもとに骨格を描画するためには、どのようなソースコードを書けばよろしいのでしょうか。 よろしくお願いいたします。

  • 傾いた楕円の描画方法

    PCでの楕円の描画は、ライブラリに組み込まれていますが、水平(または垂直)の楕円については、関数1行で描画することができます。 ところが、傾いている楕円については、描画することができません。 そこで、ミッチェナーのアルゴリズムで円を描くプログラムを変形して、上下(左右)のプロット位置をずらせば、一応、楕円は描画できるので、さらにプロットする部分に回転をかければ回転した楕円を描画できると考えて、プログラムを作成してみました。 しかし、あまり綺麗な楕円を描画できません。 ミッチェナーのアルゴリズムを上下に圧縮した時点で、左右の部分が少し密になり(これは許容できる範囲ですが)それを回転させるとき、実数計算になるため、最終的な位置は、ドットのどちらかになってしまうので、あまりうまくいきません。 ミッチェナーのあるごりずむの原理を使って、傾いた楕円の式から、直接プロットしなければ綺麗な楕円を描画することができないと考えます。 最終的に欲しい関数は、傾いた楕円の外接する4点の座標を与えて、描画する関数です。

  • Word 2002での図の描画

    Word2000で作った文書がありまして、その中の図はメニューの「新しい描画オブジェクト」で枠を確保として作っています。 その文書をWord2002で編集しようとしたら、文字の部分は問題なくいじれるのですが、図の部分は「作成元アプリケーション、作成ファイル、または項目が見つかりませんる....」というようなメッセージが出て編集できません。Word2000ならばダブルクリックで編集モードになるのですが。 これはインストールに失敗しているのか、何かの設定を変更することで対処できるのか、または何かオプションのツールでも買わなければならないのでしょうか? それとも、そもそも私の図の作り方がまずいのでしょうか?

  • 描画をここに作成します。【←そんなところには作成したくない!!!】

    楕円を描きたいんです。 しかし楕円を欠こうとすると「ココに図形を描画します」という文字とともに、大きな範囲が指定されます。 そのため、楕円がうまい具合に書きたい場所にかけずまた、左側にテキストを書こうとすると楕円も一緒に反応して下がってしまいます。 一定の場所に楕円をとどめておきたいのですが、どうすればよいのか教えてください。基本的なことだと思うのですが…。 Wordの楕円てどうしてこんなに使いづらいのでしょうか…。

  • C#で立面図を描画したい

    システムの機能の一部で家の立面図を描画する必要がでてきました。 私のスキルとしては、C#を知っている限りです。 いろいろと調べてみると、 OPENGLでできそうな気もしますが、はっきり分からない状態です。 どうすれば、開発することができるのか教えて頂けますでしょうか? 別の言語や有償ツールが必要であれば、あまり高いものでなければ、 用意することは可能です。

  • Word図で作成した図がページ上に表示されません

    「挿入」→「オブジェクト」→「Microsoft Word図」より、Word図のウィンドを開いて、「図形描画」ツールボックスのオートシェイプ(楕円や四角形、テキストボックスに、編集したビットマップ)を使って図形を作成しました。 しかし、Word図を閉じてWordのページに戻ったところその図形は表示されず、テキストボックスに記入した文字だけしかありませんでした。 以前はWord図で編集した図形は表示されていたのに、突然出来なくなりました。自分も設定をいじった記憶は無く、どうしたら良いのか解りません。 解決方法を教えていただけないでしょうか。

  • 図の上に、斜めの線を繰り返し描画する方法

    はじめまして。 PHP&JavaScriptで作成したプログラムより、 ブラウザ(Firefox or IE)で図の上に斜めの線を描画する方法について 知恵をお貸し頂きたいです。 やりたい事としては、以下のとおりです。 (1)ある座標A(x1,y1)とB(x2,y2)が計算で求められます。 (2)既に描画されている図の上にAからBへ線(できれば矢印)を引きます。 (3)(1)と(2)が繰り返されます。 ということを実現したいです。 ↓のようなイメージなのですが、 経験がほとんどなく理解が浅い段階なので、そもそも間違っているかもです。 アドバイス頂けると幸いです。 よろしくお願いします。 ---- … <script> function paint(x1, y1, x2, y2) { /* */ } </script> <body onload="paint()"> for() { /* x1, y1, x2, y2 が求まる */ echo "<div>"; echo ""; //paint()呼び出し echo "</dev>"; } ・・・ ----

    • ベストアンサー
    • PHP
  • Excel散布図の描画精度

    Excel(2003)で散布図を描く際に,傾き1のラインをあわせて描きたいことがあります。 (0,10000),(0,10000)という仮の描画用データを用意して,これを結ぶ線をプロットしたものを雛形として使い回すようにしているのですが,本来のデータの値が小さく,縦横の軸の範囲を0~10というように再設定した場合,傾き1のラインが明らかにずれて(10,10)の点を通らないように見えてしまいます。 これは,描画精度で避けられない問題でしょうか?

  • 図の上に、斜めの線を繰り返し描画する方法

    はじめまして。 板違いでしたので、改めて書き込ませて頂きます。 PHP&JavaScriptで作成したプログラムより、 ブラウザ(Firefox or IE)で図の上に斜めの線を描画する方法について 知恵をお貸し頂きたいです。 やりたい事としては、以下のとおりです。 (1)ある座標A(x1,y1)とB(x2,y2)が計算で求められます。 (2)既に描画されている図の上にAからBへ線(できれば矢印)を引きます。 (3)(1)と(2)が繰り返されます。 ということを実現したいです。 ↓のようなイメージなのですが、 経験がほとんどなく理解が浅い段階なので、そもそも間違っているかもです。 アドバイス頂けると幸いです。 よろしくお願いします。 ---- … <script> function paint(x1, y1, x2, y2) { /* */ } </script> <body onload="paint()"> for() { /* x1, y1, x2, y2 が求まる */ echo "<div>"; echo ""; //paint()呼び出し echo "</dev>"; } ・・・ ----