Hi all,
i’ve got the problem why barcode is showing a black rectangle when loaded from database:
Its seems that when saving svg value to database some styling are not saved.
Once created:
<svg height="82px" style="transform: translate(0,0)" version="1.1" viewBox="0 0 266 82" width="266px" x="0px" y="0px" xmlns="http://www.w3.org/2000/svg" data-barcode-value="8056475285437">
<rect x="0" y="0" width="266" height="82" style="fill:#ffffff;></rect>
<g transform="translate(10, 10)" style="fill:#000000;>
<rect x="0" y="0" width="4" height="40"></rect><rect x="6" y="0" width="2" height="40"></rect><rect x="12" y="0" width="6" height="40"></rect><rect x="22" y="0" width="2" height="40"></rect><rect x="26" y="0" width="2" height="40"></rect><rect x="32" y="0" width="8" height="40"></rect><rect x="44" y="0" width="6" height="40"></rect><rect x="56" y="0" width="2" height="40"></rect><rect x="60" y="0" width="4" height="40"></rect><rect x="66" y="0" width="2" height="40"></rect><rect x="74" y="0" width="6" height="40"></rect><rect x="82" y="0" width="4" height="40"></rect><rect x="88" y="0" width="4" height="40"></rect><rect x="94" y="0" width="6" height="40"></rect><rect x="106" y="0" width="2" height="40"></rect><rect x="110" y="0" width="2" height="40"></rect><rect x="116" y="0" width="8" height="40"></rect><rect x="128" y="0" width="2" height="40"></rect><rect x="132" y="0" width="2" height="40"></rect><rect x="136" y="0" width="4" height="40"></rect><rect x="146" y="0" width="6" height="40"></rect><rect x="154" y="0" width="6" height="40"></rect><rect x="162" y="0" width="2" height="40"></rect><rect x="166" y="0" width="8" height="40"></rect><rect x="176" y="0" width="6" height="40"></rect><rect x="184" y="0" width="4" height="40"></rect><rect x="190" y="0" width="6" height="40"></rect><rect x="198" y="0" width="6" height="40"></rect><rect x="206" y="0" width="4" height="40"></rect><rect x="212" y="0" width="2" height="40"></rect><rect x="220" y="0" width="4" height="40"></rect><rect x="230" y="0" width="6" height="40"></rect><rect x="238" y="0" width="2" height="40"></rect><rect x="242" y="0" width="4" height="40"></rect><text style="font: 20px monospace" text-anchor="middle" x="123" y="62">8056475285437</text></g></svg>
once saved:
<svg height="82px" style="transform: translate(0,0);" version="1.1" viewBox="0 0 266 82" width="266px" x="0px" y="0px" xmlns="http://www.w3.org/2000/svg">
<rect height="82" style="" width="266">
</rect><g style="">
<rect height="40" width="4"></rect><rect height="40" width="2"></rect><rect height="40" width="6"></rect><rect height="40" width="2"></rect><rect height="40" width="2"></rect><rect height="40" width="8"></rect><rect height="40" width="6"></rect><rect height="40" width="2"></rect><rect height="40" width="4"></rect><rect height="40" width="2"></rect><rect height="40" width="6"></rect><rect height="40" width="4"></rect><rect height="40" width="4"></rect><rect height="40" width="6"></rect><rect height="40" width="2"></rect><rect height="40" width="2"></rect><rect height="40" width="8"></rect><rect height="40" width="2"></rect><rect height="40" width="2"></rect><rect height="40" width="4"></rect><rect height="40" width="6"></rect><rect height="40" width="6"></rect><rect height="40" width="2"></rect><rect height="40" width="8"></rect><rect height="40" width="6"></rect><rect height="40" width="4"></rect><rect height="40" width="6"></rect><rect height="40" width="6"></rect><rect height="40" width="4"></rect><rect height="40" width="2"></rect><rect height="40" width="4"></rect><rect height="40" width="6"></rect><rect height="40" width="2"></rect><rect height="40" width="4"></rect><text style="font: 20px monospace;">8056475285437</text></g></svg>
@pratu16x7, All; i cant find where the changes are made before saving, can you help?