Image not showing correctly in browsers

Post questions on how to use or achieve an effect in Inkscape.
JurgenG
Posts: 7
Joined: Mon Jul 14, 2014 9:24 pm

Image not showing correctly in browsers

Postby JurgenG » Mon Jul 14, 2014 9:28 pm

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.

Lazur
Posts: 4717
Joined: Tue Jun 14, 2016 10:38 am

Re: Image not showing correctly in browsers

Postby Lazur » Mon Jul 14, 2014 11:28 pm

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.

User avatar
Maestral
Posts: 982
Joined: Sat Aug 27, 2011 7:10 am

Re: Image not showing correctly in browsers

Postby Maestral » Mon Jul 14, 2014 11:29 pm

Could you attach the bitmap export of the same file?
:tool_zoom: <<< click! - but, those with a cheaper tickets should go this way >>> :!:

JurgenG
Posts: 7
Joined: Mon Jul 14, 2014 9:24 pm

Re: Image not showing correctly in browsers

Postby JurgenG » Tue Jul 15, 2014 5:46 am

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. :)

User avatar
Maestral
Posts: 982
Joined: Sat Aug 27, 2011 7:10 am

Re: Image not showing correctly in browsers

Postby Maestral » Tue Jul 15, 2014 6:32 am

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 ,)
:tool_zoom: <<< click! - but, those with a cheaper tickets should go this way >>> :!:

JurgenG
Posts: 7
Joined: Mon Jul 14, 2014 9:24 pm

Re: Image not showing correctly in browsers

Postby JurgenG » Wed Jul 16, 2014 3:55 am

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.

User avatar
Maestral
Posts: 982
Joined: Sat Aug 27, 2011 7:10 am

Re: Image not showing correctly in browsers

Postby Maestral » Wed Jul 16, 2014 5:32 am

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.
Last edited by Maestral on Wed Jul 16, 2014 6:15 am, edited 1 time in total.
:tool_zoom: <<< click! - but, those with a cheaper tickets should go this way >>> :!:

Lazur
Posts: 4717
Joined: Tue Jun 14, 2016 10:38 am

Re: Image not showing correctly in browsers

Postby Lazur » Wed Jul 16, 2014 6:14 am

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.
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.)

JurgenG
Posts: 7
Joined: Mon Jul 14, 2014 9:24 pm

Re: Image not showing correctly in browsers

Postby JurgenG » Sun Jul 20, 2014 12:50 am

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.

Lazur
Posts: 4717
Joined: Tue Jun 14, 2016 10:38 am

Re: Image not showing correctly in browsers

Postby Lazur » Sun Jul 20, 2014 11:17 am

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.

hulf2012
Posts: 716
Joined: Sat Nov 24, 2012 12:37 pm

Re: Image not showing correctly in browsers

Postby hulf2012 » Mon Jul 21, 2014 5:00 am

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?
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.


Return to “Help with using Inkscape”