I have an SVG with some elements that are masked and the elements are outside the visible area to the left, then CSS animates them right into the visible mask area. When I export the SVG from Illustrator their position affects the size of the canvas, causing a large gap to the left. Is there a way I can specify my svg's canvas during export to prevent this?

if I export the artboard I get the right dimensions, but anything that was outside the board doesn't come along.

If I export the asset then manually change the viewbox attribute in the SVG markup everything is still relative to 0,0 so it just gets cut off on the right side.

Is there a way to manually set the dimensions, or maybe a setting to specify things outside the artboard should be exported too?

Thanks in advance for any help!

Your Answer

By clicking "Post Your Answer", you acknowledge that you have read our updated terms of service, privacy policy and cookie policy, and that your continued use of the website is subject to these policies.

Browse other questions tagged or ask your own question.