If I use a browser to view an .svg output generated in the Technical Illustration workshop, the image appears left aligned. View the attached sample.
How does one center the output?
Thanks in advance for your help,
If you open the svg with a text editor you can see the code. In the beginning there's a line starting with <svg xmlns if you change the width="297.000mm" height="210.000mm" to width="100%" height="100%" the image will be full screen on the browser. I hope it helps
Thanks so much, works perfectly! Do you know of a way of automating this centering as a default setting of Composer?
I'm glad it works for you I don't think you can change this setting in Composer. But when you export svgs you can use an advanced text editor like Visual Studio Code. There's a command "Replace in Files".
You can use it to change the line in all documents inside a folder.
Thank you Ali, I appreciate your detailed help.
Hello, Ali -- I read your response to Apurva Bahadur's Composer question from last October. Your suggestion about entering 100% for width and height is helpful, but my company requires 100% height and 80% width. This does not center the SVG image in the browser. Composer seems to generate SVG images which automatically align left.
Do you know of any way to edit the SVG code to make the image appear at the center of a browser page, even if the height and width are not identical?
In our workflow, we embed the SVG files in an HTML page with a paragraph style that centers the image - nothing fancy, just the center align function. This method works for our application without having to modify the SVG code.
You could check the end application of SVGs with your work colleagues. If they are going to embed the image in HTML, then a plain center align function works justs fine.
Apurva Bahadur's reply is correct. If you want to center the svg file with lower % for width then you need to embed it to a html file. After that you can use css to center it.
Retrieving data ...