0

So I've added a text in Illustrator and I'm trying to cut in 2/3 - 1/3 proportions with artboards as in the picture below. I exported it as an SVG but when i open it with a browser it shows the full letters text in SVG. I expected it to only show the letters inside 01 Artboard or 02 Artboard.

Using only one artboard at a time doesn't help. I've checked the Use Artboards option when exporting.

The problem is that I made it once with another word without any problems, then two days later I tried with another word (the one shown below) and now either it doesn't work anymore for some strange reason or I am doing something wrong and different from the last time.

Illustrator view

  • I just tried and had no issues with the Use Artboards option. Maybe try converting the text to outlines? – superluminal Dec 13 '19 at 18:16
  • Still no luck. Another thing I've noticed is that if even a small part of the letter is in the artboard, it will include the whole letter in the svg. – ormxmi Dec 13 '19 at 22:11
0

As long as you do not need to preserve editing the text for later, you can achieve what you are looking for by expanding the text, using divide from pathfinder, deleting the division areas you do not want, and then saving out the SVGs. See the images for step-by-step below:

1 — select the text and expand it using object->expand expand the text

2 — create a shape that you will use to divide the expanded text. Note that I made my shape red so you can see the division, but if you want to save a step, then make it the same color as your text). With both the expanded text and the shape selected, divide them (use window->pathfinder to bring up the tool). create a shape that you can use to divide the text (note that I made the shape red so you can clearly see how it divides).

3 — Delete the unwanted division areas (and recolor the text if you used a different color shape) before saving out your SVGs. Delete the unwanted division areas and save out your SVGs

Hope this helps!

| improve this answer | |
  • Thanks, it works. Even though it requires a bit more work to do, that way I learnt how to slice svgs. – ormxmi Dec 17 '19 at 16:01
  • Sorry that it's a bit more work, but I'm glad that this method works out for you! – Travis Moore Dec 18 '19 at 20:36

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.