I am trying to draw some electromechanic components in SVG format files.
In the example below, you can see the symbol for one of these components in which I have filled the squares with a linear pattern.
I have tried to do this with MS Visio and with Adobe Illustrator:
In MS Visio, the pattern is shown in the exported SVG but they are not real vectorial lines, but bitmap. So when I zoom in the image the result is very ugly.
In the other hand, in Illustrator, the pattern is complety obviated during the exporting process as you can see in the image.
I understand that I can solve this issue by drawing the pattern by myself, but since the lines are not vertical neither horizontal it is not easy to work with them (distribute proportionally, adjust it to the borders of the squares ...).
Any suggestion?
Thanks