Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Wrong viewbox size

See original GitHub issue

Hello, I recently found this amazing tool to do some experiment, so thanks for your work! I followed your howto to convert SVG file to a Raphael format. I tried to import my home map from a svg, but i got a shifted viewbox image, here’s an example.

What am i donig wrong?

Adding this code, i can center my image, but it lost viewport size on zoom cahnges.

afterInit : function(container, paper, areas, plots, options) {
                    paper.setViewBox(-80, -20, 350, 303, false)
                }

Thanks for your help.

Issue Analytics

State:
Created 6 years ago
Comments:5 (3 by maintainers)

Top GitHub Comments

1reaction

thepastocommented, Nov 6, 2017

Hi! Thanks for your answer! I already done everything you suggested above, but i investigated a little more, i converted back my map.js file to svg with mapael to SVG tool, and than i resized document page again. Finally i got a perfect SVG! Thanks again for your time and your work!

0reactions

neveldocommented, Nov 24, 2017

Hello @ChristopherGS ,

Sorry for my late answer ! It seems that there is a remaining viewbox attribute within the SVG, I think the steps below with inkscape should solve your issue 👍

1 / Edit > XML Editor > click on <svg> node, and then, delete the viewBox attribute. 2 / File > Document properties > Resize page to content > Resize page to drawing or selection

Maybe the documention should be improved on this point.

Does it help you ?