I modified the code. I omitted the planView.paintComponent line and put back the part planView.gridColor = oldGridColor from the original code. Even so, the downloaded image is perfectly fine and I don't see any changes in the floor plan after reloading the page.

The final code:


function ...

The problem was that a new canvas was created. This is how it works:


function AlaprajzMentes() {
let downloadLink = document.createElement('a');
downloadLink.setAttribute('download', 'alaprajz.jpg');

let canvas = document.getElementById('home-plan.canvas');
var planView = application ...

It's almost good. There is only a problem with the background color. It should be all white. (The invisible part is not white)


function AlaprajzMentes() {
let downloadLink = document.createElement('a');
downloadLink.setAttribute('download', 'alaprajz.jpg');

var planView = application ...

That's right, but you also posted in the blog that this is how you can save it as an image.

No idea why it doesn't save the whole canvas?

It looks like this:

The problem is not with printing, but with saving as an image:


function DownloadAsImage() {
let downloadLink = document.createElement('a');
downloadLink.setAttribute('download', 'plan.jpg');
let canvas = document.getElementById('home-plan.canvas');

var planView = application.homeControllers ...

I would like to use the floor plan designer in such a way that it can be used on desktop, tablet and mobile.

For example, the user goes to an apartment and draws the floor plan on a mobile phone, then completes it on the desktop computer and prints it out.

I found several problems. The biggest ...

I resolved the problem.

Lack of write permission to folder caused the error.

I have only one problem. I can not able to delete the sh3d files from the apache homes folder.

I have got exception:
System.UnauthorizedAccessException: Access to the path 'xxxx.sh3d' is denied.

I don't think the apache ...

Hello Emmanuel, Renaud,

I tried to set it to automatically save changes to the file when editing an empty sh3d file, but it returns an error 500.


I have added the following to the currently working planner:

var application = new SweetHome3DJSApplication(
{
readHomeURL: urlBase + "readHome.jsp ...

I would like to save and reload the sh3d file by saving the file with the click of a button.

The latest version of 3djs online is running on my own server (https://megveszlak.hu/alaprajz-tervezo)

When starts the program, I want to offer a list from which to choose whether to load an empty sh3d or ...

Your software is very cool.

Here is the online version:

https://megveszlak.hu/alaprajz-tervezo