Hi,
I created a floor plan in Inkscape - from scratch - but when trying to view it in any browsers, I only get a black line at the bottom. Anyone has a clue?
http://jurgen.gaeremyn.be/images/Floorplan.svg
Thanks,
Jurgen.
Image not showing correctly in browsers
Re: Image not showing correctly in browsers
Hi,
You disabled the visibility of the page borders.
While those were set as now only the top of the floorplan is placed between them.
That is the black line displayed in the browsers.
Resize the page borders to the drawing, then it will be displayed right.
You disabled the visibility of the page borders.
While those were set as now only the top of the floorplan is placed between them.
That is the black line displayed in the browsers.
Resize the page borders to the drawing, then it will be displayed right.
Re: Image not showing correctly in browsers
Could you attach the bitmap export of the same file?
Re: Image not showing correctly in browsers
Hi Lazur,
thanks for your reply.
As this is a really large building, I actually created the image to scale 1cm eq. 1m. and this results in an image larger than the available paper format. And indeed, I used the zero base as top of the building plan.
Maestral,
why would you want a bitmap export? It looks just great in Inkscape, and there are no special tricks like transparency or blurring used in it.
Feel free to download it and play with it. The source file is on the above URL.
thanks for your reply.
As this is a really large building, I actually created the image to scale 1cm eq. 1m. and this results in an image larger than the available paper format. And indeed, I used the zero base as top of the building plan.
Maestral,
why would you want a bitmap export? It looks just great in Inkscape, and there are no special tricks like transparency or blurring used in it.
Feel free to download it and play with it. The source file is on the above URL.

Re: Image not showing correctly in browsers
You may notice that Lazur was a minute quicker in replying, but if you`d go for the bitmap export you`d possible notice what went wrong ,)
just a matter of approach / despite the Lazur`s picturesque signature ,)
just a matter of approach / despite the Lazur`s picturesque signature ,)
Re: Image not showing correctly in browsers
Maestral,
unfortunately moving the axis (page border) is not an option at this moment: I'm using the coordinates to position everything. Scaling everything down to paper format would make it really difficult to add items afterwards.
When exporting the picture (I always use "drawing" as default since page is not an important reference if you're creating a logo, icon or floor plan), I get a perfect output - see below link:
http://jurgen.gaeremyn.be/images/Floorplan.png
I can use this work-around to create output-files, but not to create "in-progress" documents.
I guess the "scale" feature request in Inkscape would not be unasked for... (I remember using that in CorelDraw, some version in the early nineties)
Grtz,
Jurgen.
unfortunately moving the axis (page border) is not an option at this moment: I'm using the coordinates to position everything. Scaling everything down to paper format would make it really difficult to add items afterwards.
When exporting the picture (I always use "drawing" as default since page is not an important reference if you're creating a logo, icon or floor plan), I get a perfect output - see below link:
http://jurgen.gaeremyn.be/images/Floorplan.png
I can use this work-around to create output-files, but not to create "in-progress" documents.
I guess the "scale" feature request in Inkscape would not be unasked for... (I remember using that in CorelDraw, some version in the early nineties)
Grtz,
Jurgen.
Re: Image not showing correctly in browsers
You don`t get it, do you?
You may be the King of your desktop but if you want others to even know about it you`ll have to accept standards (I`m referring to universal ones). Otherwise, Long Live King Jurgen! \o/
In addition to a common sense, you`re working in vectors which are well known for their magnificent capabilities of scaling. But, it`s not all - there`s some more magic about Inkscape ---> Shift+Ctrl+D!
p.s.
Between "When exporting the picture..." and "...when trying to view it in any browsers..." is a huge difference if you don`t use the page as the perimeter.
You may be the King of your desktop but if you want others to even know about it you`ll have to accept standards (I`m referring to universal ones). Otherwise, Long Live King Jurgen! \o/
In addition to a common sense, you`re working in vectors which are well known for their magnificent capabilities of scaling. But, it`s not all - there`s some more magic about Inkscape ---> Shift+Ctrl+D!
p.s.
Between "When exporting the picture..." and "...when trying to view it in any browsers..." is a huge difference if you don`t use the page as the perimeter.
Last edited by Maestral on Wed Jul 16, 2014 6:15 am, edited 1 time in total.
Re: Image not showing correctly in browsers
Hi Jurgen,
Drawing in 1:100 scale is common for architect plans, and actually constructing needs plans in 1:50 scale.
Your current plan after adding measuring lines and texts can be printed in no less than A2 size.
Keeping in mind right page borders can help you to have a right print.
I'm a bit surprised about the drawing elements you are using, and not the standardized solutions.
Right now it looks like the wall is 10 cm wide reinforced concrete.
Though those standards are sold mainly by iso (for example), there are alot of material to get the picture from.
Here is a guide on the basic patterns used.
Here is a guide for civil engineers written in hungarian, I'm sure there are even better material somewhere.
On the technical side, you may try the current development build, which has a new ruler feature,
that can measure distances in any direction like a charm.
(As there is only a similar extension for that in the stabile.)
Drawing in 1:100 scale is common for architect plans, and actually constructing needs plans in 1:50 scale.
Your current plan after adding measuring lines and texts can be printed in no less than A2 size.
Keeping in mind right page borders can help you to have a right print.
I'm a bit surprised about the drawing elements you are using, and not the standardized solutions.
Right now it looks like the wall is 10 cm wide reinforced concrete.
Though those standards are sold mainly by iso (for example), there are alot of material to get the picture from.
Here is a guide on the basic patterns used.
Here is a guide for civil engineers written in hungarian, I'm sure there are even better material somewhere.
Off topic:
Hmm just a reminder to myself that a basic svg guide could come handy posted at openclipart. Will consider it.On the technical side, you may try the current development build, which has a new ruler feature,
that can measure distances in any direction like a charm.
(As there is only a similar extension for that in the stabile.)
Re: Image not showing correctly in browsers
Hi,
I'm sorry and you're all correct: I don't abide to standards - because there are too much standards to know them all. I'm just creating a floor plan for our hackerspace and by far I'm not an architect, engineer or designer. Handy when planning where to have what kinds of space usage, and to see the size of areas. I just used a scale that's easy to work with (1cm eq. 1m) when later on adding stuff like tables, chairs, the 3D-printer, etc...
I would like nothing more than to have the image positioned nicely on a page... and have the (0,0) point at the top left, about 2cm from the top left corner. This feature has nothing to do with any kind of standard imo, and I can imagine all kinds of users would appreciate this. But then again, I'm not a developer and I can imagine the developers have a life of their own (and about a gazillion similar questions as mine), so basically I'm just really grateful for what Inkscape already is - it's a great tool. I tend to run the nightly builds on a separate machine too - just for the fun of seeing the new features. And indeed, I'm loving where it's all going.
I sent the image out on a page, and indeed it shows nicely now. I'll keep in mind doing this before releasing the file (and keeping one with the right coordinates for personal use). Thanks for pointing me to that flaw in my image.
I don't consider myself a king of any kind, at best you could call me the local jester...
P.S. Just as a sidenote... to illustrate that there are many possible standards you could use... There's also this one: http://www.iso.org/iso/home/news_index/ ... id=Ref1207 - the floor plan I'm trying to create is kind of this type of simplified plan to have a basic overview.
I'm sorry and you're all correct: I don't abide to standards - because there are too much standards to know them all. I'm just creating a floor plan for our hackerspace and by far I'm not an architect, engineer or designer. Handy when planning where to have what kinds of space usage, and to see the size of areas. I just used a scale that's easy to work with (1cm eq. 1m) when later on adding stuff like tables, chairs, the 3D-printer, etc...
I would like nothing more than to have the image positioned nicely on a page... and have the (0,0) point at the top left, about 2cm from the top left corner. This feature has nothing to do with any kind of standard imo, and I can imagine all kinds of users would appreciate this. But then again, I'm not a developer and I can imagine the developers have a life of their own (and about a gazillion similar questions as mine), so basically I'm just really grateful for what Inkscape already is - it's a great tool. I tend to run the nightly builds on a separate machine too - just for the fun of seeing the new features. And indeed, I'm loving where it's all going.
I sent the image out on a page, and indeed it shows nicely now. I'll keep in mind doing this before releasing the file (and keeping one with the right coordinates for personal use). Thanks for pointing me to that flaw in my image.
I don't consider myself a king of any kind, at best you could call me the local jester...
P.S. Just as a sidenote... to illustrate that there are many possible standards you could use... There's also this one: http://www.iso.org/iso/home/news_index/ ... id=Ref1207 - the floor plan I'm trying to create is kind of this type of simplified plan to have a basic overview.
Re: Image not showing correctly in browsers
Oh well it's just that I'm too focused on a legit architect plan representation.
Not on standards though as per se, because since they are sold at high prices, and that there are many of them, people mostly use what's built in their cad software of choice.
Just a little suggestion, to use filled paths with no strokes for the walls.
That way the distances would represent the space better, for planning the useage.
Not on standards though as per se, because since they are sold at high prices, and that there are many of them, people mostly use what's built in their cad software of choice.
Just a little suggestion, to use filled paths with no strokes for the walls.
That way the distances would represent the space better, for planning the useage.
Re: Image not showing correctly in browsers
Hello,
I'm confused:
What are you trying to achieve? a kind of artistic draft design, like those used by the salesmen to show the client his house?
Like this?:
http://earli22neuroeducation.com/images ... r-Plan.jpg
(gasp, Gilmore girls!)
I still don't see the problem in locating the drawing into the "page", if the drawing is just for showing in a webpage.
Do you know how to resize the page to the drawing?
I'm confused:
What are you trying to achieve? a kind of artistic draft design, like those used by the salesmen to show the client his house?
Like this?:
http://earli22neuroeducation.com/images ... r-Plan.jpg
(gasp, Gilmore girls!)
I still don't see the problem in locating the drawing into the "page", if the drawing is just for showing in a webpage.
Do you know how to resize the page to the drawing?
If you have problems:
1.- Post a sample (or samples) of your file please.
2.- Please check here:
http://tavmjong.free.fr/INKSCAPE/MANUAL/html/index.html
3.- If you manage to solve your problem, please post here your solution.
1.- Post a sample (or samples) of your file please.
2.- Please check here:
http://tavmjong.free.fr/INKSCAPE/MANUAL/html/index.html
3.- If you manage to solve your problem, please post here your solution.