search

akveo / ngx-admin

Customizable admin dashboard template based on Angular 10+
https://akveo.github.io/ngx-admin/
MIT License
25.21k stars 7.95k forks source link

how to code a svg 2D floor plan as shown in the dashboard demo? #1671

Open helxsz opened 6 years ago

helxsz commented 6 years ago

I'm submitting a ... (check one with "x")

Issue description

Current behavior: The picture below shows a 2D room demo screen shot 2018-05-02 at 10 27 55

The code is made of svg. I want to change the svg to make another similar 2D floor plan. So my question is how to make such svg ?

Sioxas commented 6 years ago

May be coding with patience....

yggg commented 5 years ago

Hi @helxsz. You can find the svg source in room-selector.component.html and room-selector.component.ts. Since it's just a text format, you can edit it by hand 🙂. Or you can copy resulting svg code from elements panel in dev tools and paste it in svg editor. Here is one.

agil-NUBBA commented 5 years ago

Also interested on this, @KostyaDanovsky did it on https://github.com/akveo/ngx-admin/commit/61869dad7a41d6ec4ce4fd4e6236e40c474d7fbd, maybe is just patience.

Mr-Sloth commented 5 years ago

I also would like to know how it has been drawn. Probably Inkscape but would be nice to hear something official.

ghost commented 4 years ago

Any new tools to develop 2D SVG plans for this?

ardasugur commented 4 years ago

You guys should at least give us a methodology to develop svg's like this.

at-besa commented 3 years ago

would also like to know how this was done by the dev @KostyaDanovsky

dj-fiorex commented 2 years ago

Have anyone find some library to make this floor plan style?