GenoPro Home
GenoPro Home  |  Get Started With My Genealogy Tree  |  Buy  |  Login  |  Privacy  |  Search  |  Site Map
 

GenoPro Support Forum




Change the background colour of an SVG graphic.

Click to view RSS...
Author
Posted Wednesday, August 23, 2006 - Post #12566
Famous Writer

Famous WriterFamous WriterFamous WriterFamous WriterFamous WriterFamous WriterFamous WriterFamous WriterFamous Writer

Important Contributors
FamilyTrees.GenoPro.com
Customers
Translator
GenoPro version: 2.0.1.6

Last Login: Tuesday, December 16, 2008
Posts: 390, Visits: 1,271
Answer to Iantait post 12563:

I'm no specialist but try the following:

1) open your genomap in the popup pane.

2) right click on the map and select "Save SVG as ...". Select doc type as SVG, not SVGZ.

3) open your new file with a SVG editor (Inkscape for example. It's free on the net.)

4) I opened a map of mine and my Bg beige color was there so I suppose you should also see your Bg picture.

5) figure out the rest, i.e. printing or whatever, because I never used Inkscape before.

Good luck

Edited: Wednesday, August 23, 2006 by jcguasp

Posted Tuesday, August 22, 2006 - Post #12564
Famous Writer

Famous WriterFamous WriterFamous WriterFamous WriterFamous WriterFamous WriterFamous WriterFamous WriterFamous Writer

Important Contributors
FamilyTrees.GenoPro.com
Customers
Translator
GenoPro version: 2.0.1.6

Last Login: Tuesday, December 16, 2008
Posts: 390, Visits: 1,271
Ron post 12560:
Quote: Yes I had thought of that approach but discounted it because of the limitations when zooming out

I experimented a bit and I don’t think this approach has to be discarded for the following reasons:
1) when a whole genomap is displayed:
- with Firefox 1.5.0.6, I noticed that after 3 clicks, the genomap do not zoom out anymore.
- with MSIE 7 beta 3, after having setup a huge rect tag (x="-1000000" y="-425000" width="2000000" height="850000"), I had to click the zoom out icon 10 times then the white Bg colour came up on the 11th click. Perhaps the zoom out should be restricted, if possible, to 3 clicks or even none at all because, realistically, an average genomap not being readable when in full display, what’s the point to zoom out more?
Up to you.
As we are on the zooming sub, I also noticed that with Firefox, clicking on the “original size” icon, doesn’t work. You’ll only notice a little “thing” on the top left corner of the display viewport.


Edited: Friday, November 14, 2008 by jcguasp
Posted Tuesday, August 22, 2006 - Post #12563
Famous Writer

Famous WriterFamous WriterFamous WriterFamous WriterFamous WriterFamous WriterFamous WriterFamous WriterFamous Writer

Customers
Important Contributors
FamilyTrees.GenoPro.com
GenoPro version: 3.0.1.5

Last Login: Saturday, March 14, 2020
Posts: 365, Visits: 3,680
I wanted to capture an image of my svg with my background but can't figure out how to get the imageErmm
Posted Monday, August 21, 2006 - Post #12561
Forum Master

Forum MasterForum MasterForum MasterForum MasterForum MasterForum MasterForum MasterForum MasterForum Master

Customers
Important Contributors
FamilyTrees.GenoPro.com
Translator
GenoPro version: 3.1.0.1

Last Login: Sunday, March 21, 2021
Posts: 716, Visits: 12,927
Ron (8/20/2006)
I wasn't aware that it was possible to change the 'canvas' colour of an SVG image, but after your post I see that changing the 'blackground-color' style attribute in the <svg> element does indeed change the canvas with Mozilla Firefox as you say. But it has no effect with IE/ASV3. Adobe does however support a 'transparent' mode allowing the HTML page content to show through, so a combination of the two techniques may resolve this point. To use Adobe transparent mode add wmode="transparent" to the attribute list of the emitSVG call in genomap.htm.


Have also tried this approach and I must say I like it the same way iaintait likes it.


Edited: Tuesday, August 22, 2006 by maru-san
Posted Monday, August 21, 2006 - Post #12560
Legendary Master

Legendary MasterLegendary MasterLegendary MasterLegendary MasterLegendary MasterLegendary MasterLegendary MasterLegendary MasterLegendary Master

Administrators
Customers
Important Contributors
FamilyTrees.GenoPro.com
GenoPro version: 3.1.0.1

Last Login: 2 hours ago
Posts: 3,382, Visits: 25,940
Yes I had thought of that approach but discounted it because of the limitations when zooming out. You can of course generate the necessary <rect> tag by adding a large blank text label or shape in GenoPro.


'lego audio video erro ergo disco' or "I read, I listen, I watch, I make mistakes, therefore I learn"
Posted Monday, August 21, 2006 - Post #12558
Famous Writer

Famous WriterFamous WriterFamous WriterFamous WriterFamous WriterFamous WriterFamous WriterFamous WriterFamous Writer

Important Contributors
FamilyTrees.GenoPro.com
Customers
Translator
GenoPro version: 2.0.1.6

Last Login: Tuesday, December 16, 2008
Posts: 390, Visits: 1,271
I did some research on the net but the only way I could manage to get a proper color Bg with MSIE was to add a <rect> tag within the <svg> tag in one of my trial test genomap0.svg:

It's apparently not the ideal solution but if the <rect> tag sizes covers well beyond the white part, when viewing the full genomap, I suppose it should then be OK.

I voluntarily shown a blue border but it's advisable to remove it because Firefox is showing it:

Thanks

Posted Sunday, August 20, 2006 - Post #12546
Famous Writer

Famous WriterFamous WriterFamous WriterFamous WriterFamous WriterFamous WriterFamous WriterFamous WriterFamous Writer

Important Contributors
FamilyTrees.GenoPro.com
Customers
Translator
GenoPro version: 2.0.1.6

Last Login: Tuesday, December 16, 2008
Posts: 390, Visits: 1,271
You're approaching but still not quite. I've got now the beige full BG but the border (where the icons are) is also beige. Same for Firefox.
Posted Sunday, August 20, 2006 - Post #12545
Legendary Master

Legendary MasterLegendary MasterLegendary MasterLegendary MasterLegendary MasterLegendary MasterLegendary MasterLegendary MasterLegendary Master

Administrators
Customers
Important Contributors
FamilyTrees.GenoPro.com
GenoPro version: 3.1.0.1

Last Login: 2 hours ago
Posts: 3,382, Visits: 25,940
jcguasp (8/20/2006)
Thanks for your answer. I tried the "Transparent" mode and still doesn't work with MSIE

You will of course need to change the HTML background to match. Add a line to style.css

.genomap {background-color:beige;background-image:none;}

And then change the <body> tag in genomap.htm to

<body class="genomap">

Keep the wmode attribute. I've not tested this but I think it should work.


'lego audio video erro ergo disco' or "I read, I listen, I watch, I make mistakes, therefore I learn"
Posted Sunday, August 20, 2006 - Post #12544
Famous Writer

Famous WriterFamous WriterFamous WriterFamous WriterFamous WriterFamous WriterFamous WriterFamous WriterFamous Writer

Customers
Important Contributors
FamilyTrees.GenoPro.com
GenoPro version: 3.0.1.5

Last Login: Saturday, March 14, 2020
Posts: 365, Visits: 3,680
I use color coding for the various generations which means that I don't have a problem with the color behind the text as the boxes are already colored, but I found the effect of making the SVG transparent and thus showing my background very pleasing, so thanks for the tip.Tongue

I will use this for my next update.

Posted Sunday, August 20, 2006 - Post #12543
Famous Writer

Famous WriterFamous WriterFamous WriterFamous WriterFamous WriterFamous WriterFamous WriterFamous WriterFamous Writer

Important Contributors
FamilyTrees.GenoPro.com
Customers
Translator
GenoPro version: 2.0.1.6

Last Login: Tuesday, December 16, 2008
Posts: 390, Visits: 1,271
Thanks for your answer. I tried the "Transparent" mode and still doesn't work with MSIE:

The style sheet "background.jpg" image takes over. For your info, I temporarily disabled Style.css and noticed that my beige color is present alright, but unfortunately, with the jpg image back on, under the said BG jpg image.



Similar Topics

Click to view RSS...
Expand / Collapse

Reading This Topic

Expand / Collapse