ekymoz / homerougheditor Goto Github PK
View Code? Open in Web Editor NEWFloorplan editor SVG to create houseplan and homeplan with Javascript for client
Home Page: https://ekymoz.github.io/homeRoughEditor/
License: MIT License
Floorplan editor SVG to create houseplan and homeplan with Javascript for client
Home Page: https://ekymoz.github.io/homeRoughEditor/
License: MIT License
How to changed Energy item image
hi i wanted to change some functionality for drag & drop on door by clicking anywhere in door area please help where should i modify code
Hi! It's very cool project, i modify it to myself. But here's one thing, i can't do - to make resize doors and windows like walls - by stretching points. Can you explain, please?
Hi, I would like to export/import an XML of the floorplan. Can you point at where this could be made? Any suggestion?
I'm wondering if it's possible to add curved walls.
I want something that looks like this:
The steps would be, draw a straight line --> click the line --> bend it by dragging the mouse. it Bends from the middle of the line.
I have already played with paperjs-offset and Parallel curves, but it's not an easy problem.
Hi,
I am using homeRoughEditor. I want to programatically change the color of doors. Please assist me how can I acheive this.
Regards,
Imran
Hello Patrick Raspino,
Thanks for sharing your amazing project, we're learning a lot through your code.
We are a software company from Brazil (SlabWare.com), and we have a project very similar to the one you developed.
We are having some problems solving some features of our Drawing, I tried to find some contact with you but I couldn't.
Can you send me an email or get in touch with us?
Maybe you can help us.
[email protected]
Whatsapp: 27 988092629
I'm waiting.
I have created an SVG file from an IFC file, the SVG has everything implemented as paths. Can you guide me on how to load that SVG into your editor. I have bigger SVG files, I cannot afford to draw them from scratch.
Add degree of angle. Wall on angle show degree of angle.
Also curved wall or wall ends.
Thank you
I'd like to request a homeRoughEditor javascript package as single mini-fied package.
how can save and load model?
Love this!
Is there any way to add to an existing form and allow users to attach with a form submission?
hello plese an example how to touch move lines
when you try to draw measure or wall in negative mouse position, the wall's size and middle is going draw to wrong place. you should not change to absolute when check qSVG.measure returns. and return should be qSVG.middle ->
var middleX = (x1 + x2) / 2;
var middleY = (y1 + y2) / 2;
Then you can give wall size and measure position correctly
In order to integrate this wonderful project into an open source privacy protecting smart home controller, Candle, I modified your code a bit. I've added a number of new features that were on your wish list, so perhaps (some of) these changes could be integrated back into the original project. I wil be integrating my code into a Candle addon now, but I purposefully worked on it as a stand-alone project first so that it was as simple as possible to move code back to your project.
Code here:
https://github.com/createcandle/homeRoughEditor
Demo here:
https://createcandle.github.io/homeRoughEditor/
Big changes:
I've hidden some features, but they can be revealed by having a developer
tag in the html body. There is also an unfinished object layers feature which I've disabled for now.
I ran into a few minor bugs, which I fixed. But I've also introduced some new ones that I couldn't (quickly) solve. For example, I tried to get measurements to go into a separate g
element, but they wouldn't properly recreate somehow. My 'solution' was to just only allow one measurement at a time. I also had trouble creating object outlines when scaling objects.
My code is far from clean, and the CSS is an unordered mess. But it works.
Again, thank you for your wonderful work! When I went looking to see if there was a projects I could use I never expected to find something so great.
If you create a pull request for func.js, I can contribute to the translations
Hey man you're code is insane and I wanna use it but the plans can't be save so can you do a save as svg format pls
Hi,
would be great to be able to define any length (walls/partitions) by selecting the tool, clicking on placemente and defining the length with keyboard to have exact measurement like most 2d CADs do.
Hi, I would like to use this project, can you explain how to generate the code for a new design of window or door? I see the code in func.js but I would like to know if you use some kind of program to generate this SVG code. I am very interested in collaborate. Please let me know.
@ekymoz, awesome project!! Is there a way to donate to this project? More specifically, how do I buy you a beer?
Thanks.
Hello, first off thanks your amazing software, it really helps a lot. We are currently developing a website that uses your tool and we would like to click on top of each wall dimension and allows the user to input a given size for each wall. Even with the information of the starting point (x1, y1), the angle associated with it and the new size of the wall, we can't find the correct finishind point (x2, y2). When positioning a given finishing point, the wall doesn't move the expected position. If you could help us with this issue, we would really apreeciate it.
Thank you,
Diogo Salvador
Hugo Carrulo
and how will it support mobile devices
i like this repo, i would like to convert this code to vue.js, how possible is that do you think?
how can add some text to model for descriptive purpose?
What a fantastic app, I would like to integrate a part of this into my app. The only thing I really need is the "free" drawing (initHistory("boot"), or in other words; starting with a blank stage. Since my main focus is on drawing floor plans, adding elements (except perhaps doors and windows) is not necessary. When the page is opened (in my case, it will be a modal with 90% width), drawing should be possible immediately. Hence my question; what components and functions are minimally required to achieve this? And; what divs and svgs are minimally needed? I am willing to pay for such a "minimal" version (of course, depending on the costs). I can figure some things out myself, but this takes time, I assume you already have the code much clearer in view. Looking forward to hearing from you! Regards, Sake
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.