Reputation: 19
I have a trouble with IE, of course. The SVG element doesn't appear in browser. Can someone help me?
This is my code
svg(preservAspectRatio='none', length='rem(250px)', height='1px', viewbox='0 0 250 1', version='1.1', xmlns='http://www.w3.org/2000/svg', xmlns:xlink='http://www.w3.org/1999/xlink')
defs
g#Page-1(stroke='none', stroke-width='1', fill='none', fill-rule='evenodd', opacity='0.400000006', stroke-dasharray='10,10', stroke-linecap='square')
g#Pre-Order(transform='translate(-505.000000, -1162.000000)', stroke='#7A8EA5')
g#Group-6(transform='translate(475.000000, 1135.000000)')
path#Line(d='M30.5,27.5 L949.606631,27.5')`
Upvotes: 0
Views: 368
Reputation: 14585
Can be used is pure SVG
?
Rewrote the code according to the SVG syntax rules.
The application works in all browsers.
<svg width="250" height="1", viewbox='0 0 250 1' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'>
<g id="Page-1" stroke='none' stroke-width='1', fill='none' fill-rule='evenodd' opacity='0.4', stroke-dasharray='10,10' stroke-linecap='square'>
<g id="Pre-Order" transform='translate(-505.000000, -1162.000000)' stroke='#7A8EA5')>
<g id="Group-6" transform='translate(475.000000, 1135.000000)'>
<path id="#Line" d='M30.5,27.5 L949.606631,27.5'> </path>
</g>
</g>
</g>
</svg>
if I understand correctly that you want to get something here is a shorter code:
<svg width="250" height="1", viewbox='0 0 250 1' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'>
<g id="Page-1" stroke='black' stroke-width='1', fill='none' fill-rule='evenodd' opacity='0.4', stroke-dasharray='10,10' stroke-linecap='square'>
<path id="#Line" d='M0 1 L250 1'> </path>
</g>
</svg>
Upvotes: 2