間取り図やショッピングモール、オフィス、工場などを描くことができる FlDrawのようなものを探しています。
問題は、フロアプランの一部を識別できるようにすることです。つまり、フロアプランをWebページに埋め込み、ユーザーがクリックしたときに、できればAngularJを使用して、クリックした店舗、オフィス、部屋などを識別できるようにしたいのですが、昔ながらのJSはピンチで行います。 。
実際、この _might _ は2つの部分からなる質問です。1つは間取り図を描くためのもので、もう1つは難しい部分です。画像をセグメントに分割するプログラムです(撮影を想像してみてください)。 (Angular)JSがクリックされたときに判断できるように、米国の地図と州の輪郭を示します。
Windowsアプリが好きですが、Linuxも利用できます。
[更新] SVGが必要で、各部屋は個別のSVGパスで区切られています
[更新++] 3Dではなく2Dのみが必要で、壁のみを描画したい、ドア、階段&など。私が欲しくないのは、ソファ、充填キャビネット、鉢植えの植物&などの多くのオプションです。これは、ショッピングモールの&産業プラント用です。トイレのアイコンがいくつかあることに異議はないと思います。緊急事態は存在しますが、必要に応じてそれらがなくても生活できます。
黒の&白で十分です。必要に応じて、後でHTMLにcolo(u)rを追加できます。
最も重要なことは、各部屋が別々のSVGパスであるため、隣接する2つの部屋は、1本の線だけでなく、それらの間に2つの接触しているが別々の「壁」が必要です。これは、各部屋をSVGパスで囲み、部屋内のクリックを検出できるようにするためです。
悪いアスキーアートが続きます
+ -------- ------------ ++ -------------------- + | || ||ルーム1 ||ルーム2 | < -----このように| || || / || / | +-/ ------------ ++-/ ---------- +
+ -------------------- + -------------------- + | | ||ルーム1 |ルーム2 | < -----このようではありません| | || / | / | +-/ ------------ +-/ ---------- +