search

Imagick / imagick

🌈 The Imagick PHP extension 🌈
http://pecl.php.net/imagick
Other
540 stars 136 forks source link

miss text tag when convert svg string to png #332

Open vuonghungvinh opened 4 years ago

vuonghungvinh commented 4 years ago

I have a problem when converting svg string to png. All worked fine except text: all text not show in png file. on my local working fine, but on the server has that issue. both using ubuntu. Ex svg string;

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="600" height="600" viewBox="0 0 600 600" xml:space="preserve">
                <desc>Created with Fabric.js 3.6.3</desc>
                <defs>
                </defs>
                <g transform="matrix(0.5 0 0 0.5 300 375)">
                    <image style="stroke: none; stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(0,0,0); fill-rule: nonzero; opacity: 1;" xlink:href="https://cdn.shopify.com/s/files/1/0373/2596/3400/products/1_back.jpg?v=1587425462" x="-600" y="-750" width="1200" height="1500"></image>
                </g>
                <g transform="matrix(0.2 0 0 0.2 300 300)">
                    <image style="stroke: none; stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(0,0,0); fill-rule: nonzero; opacity: 1;" xlink:href="https://accessibilityplus.ca/storage/images/1592358037_layer2.png" x="-200" y="-200" width="400" height="400"></image>
                </g>
                <g transform="matrix(0.2 0 0 0.2 300 300)">
                    <image style="stroke: none; stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(0,0,0); fill-rule: nonzero; opacity: 1;" xlink:href="https://accessibilityplus.ca/storage/images/1592358037_layer1.png" x="-200" y="-200" width="400" height="400"></image>
                </g>
                <g transform="matrix(1 0 0 1 294.08 363.1)" style="">
                        <text xml:space="preserve" font-family="BalooPaaji2-Bold" font-size="40" font-style="normal" font-weight="normal" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(255,0,157); fill-rule: nonzero; opacity: 1; white-space: pre;"><tspan x="-43.58" y="12.57">Back</tspan></text>
                </g>
                <g transform="matrix(0.2 0 0 0.2 299 488)">
                    <image style="stroke: none; stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(0,0,0); fill-rule: nonzero; opacity: 1;" xlink:href="https://accessibilityplus.ca/storage/images/1593206408_t-shirt.jpg" x="-317.5" y="-423" width="635" height="846"></image>
                </g>
            </svg>

please help me with this issue.

pashar297 commented 3 years ago

Have you found any solution to this problem?