ngx-admin icon indicating copy to clipboard operation
ngx-admin copied to clipboard

Published 20 hours ago • verified publisher icon akveo

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

Open helxsz opened this issue 7 years ago • 8 comments

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

  • [ x] question about the decisions made in the repository

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 ?

helxsz avatar May 02 '18 09:05 helxsz

May be coding with patience....

Sioxas avatar Oct 10 '18 08:10 Sioxas

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.

yggg avatar Oct 16 '18 09:10 yggg

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

agil-NUBBA avatar Oct 16 '18 14:10 agil-NUBBA

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

Mr-Sloth avatar Apr 08 '19 08:04 Mr-Sloth

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

ghost avatar Nov 19 '19 18:11 ghost

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

ardasugur avatar Jan 06 '20 21:01 ardasugur

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

at-besa avatar Apr 17 '21 10:04 at-besa

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

dj-fiorex avatar May 22 '22 21:05 dj-fiorex