ユーザーは画像の上に図形を描きます

ユーザーは、ユーザー定義のテキストを半透明の基本図形（四角形、円）で描画できます。基本的な考え方は、地図を下に置くことで、ユーザーはそこから特定のエリアをマークすることができます。ウェブ開発をしてからしばらくしていますが、どのアプローチが最善であるかは非常に不確実です。古いブラウザでも動作するはずです。ユーザーは画像の上に図形を描きます

助けていただけたら幸いです！

出典

2012-01-31 Kemu79

html5以外のブラウザで動作させるには、いくつかのスクリプト言語（javascript、flash、...）が必要です。 –

フラッシュも私は離れていたいと思っています。使用する良いjavascriptライブラリはありますか？私はjqueryのために何かを検索しようとしましたが、本当に有用なものは何も見つかりませんでした。 – Kemu79

あなたが持っているもの、必要なもの、これまでに試したこと（あなたのアイデアを描くチャンス）を記述できるとすばらしいことでしょう。 –

-1

まず、古いブラウザは忘れてしまいましたが、結局2012年です。 "border-radius"のようなCSSプロパティを持たずに円を描くことはできません。

第2に、「描画」を実行するには、javascriptを使用する必要があります。 jQuery + jQuery UIはそれには最適です。

Resizableの周りにあなたの図形をドラッグする - - （テキストエリアが存在しなければならない形状にテキストを配置する - 形状

Dialogのサイズを変更する

Draggable：あなたは、少なくとも以下のプラグインを必要としたいように見えますテキストエリアを塗りつぶした後、[OK]をクリックするとテキストがシェイプに挿入されます）。

テキストを図形にする別の方法がありますが、それには深刻な開発努力が必要です。

今、シェイプの作成方法を説明します。あなたがクリックする必要がありますし、

ボタンが設定されたパラメータ
使用それの要点ですboxerプラグイン

でボックスを作成します：いくつかの方法があります。

保存された図形をレンダリングすることはまったく違うことですが、問題はありません。 DBからデータをフェッチし、そのプロパティに基づいてシェイプをレンダリングします。

出典

2012-01-31 09:32:28

ホームオフィスで個人プロジェクトをコーディングする場合は「古いブラウザを忘れている」が良いかもしれませんが、支払いをしているクライアントは受け入れられないことがよくあります。 –

JavaScriptを使うのはかなりうまいですが、他にもオプションがあるかどうかはわかりませんでした。 javascriptとjqueryにタグを追加しました。ドローイングサークルはオプションですが、古いブラウザについてのあなたの意見があります。実際の描画がうまくいかない場合でも、古いブラウザでも少なくとも表示することは非常に重要です。すべての情報をありがとう！ – Kemu79

@Grim ...その場合、可能なことと古いブラウザでは不可能なことを顧客に説明する必要があります。 ----- Kemu79、表示は問題ではありません。シェイプを終えた後は、プロパティをDBに保存し、PHPや他の言語で素敵なシェイプを描画しなければなりません。これは、新しいブラウザに依存している描画プロセスそのものです。 –

ユーザーは画像の上に図形を描きます

答えて

関連する問題