Cannot drag & drop an SVG onto the canvas

[art-divin]

Hi,

 

when I try to drag & drop an SVG
then I see an empty canvas with an added layer on top of it
which is just a rectangle with white color
 

Frame 1.svg

[v_kyr]

The Affinity SVG parser doesn't know howto parse and interpret that image ...

<svg width="373" height="403" viewBox="0 0 373 403" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<rect width="373" height="403" fill="white"/>
<path d="M61 326.5H311V76.5H61V326.5Z" fill="url(#pattern0)"/>
<defs>
<pattern id="pattern0" patternContentUnits="objectBoundingBox" width="1" height="1">
<use xlink:href="#image0" transform="scale(0.015625)"/>
</pattern>
<image id="image0" width="64" height="64" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAXpElEQVR4AeWaBXQcN9/1f5IGls2xHWZq06d983Dbh5mZPmZ6mZmZmZmZmcvM3LAbsGNae2FQ0jfxzn6esycupPDRPeceabTZzd6r+9dIs+b/Z1hwhOX/
                                                      ...
                                                      ...
                                                      ... 
                                                     TLQBfBEskHsX3IDCiYU0hBZr3pu1vvwwpz+D3FoXqfQ1VLJ4pcEjtcrCyFziksExMAzUWNz9mKf5oeaMBCkRhnly/uGx5zf2ro5+XVgHqDmhhKgKP6VMGCwJOgbEVvXX1zxXjM3Kz4TdtI3JAn7hDF119E4LiglcBRIWSwBMBa07jFNLHEqAZUo1x5zS86Dk5P81sRYfDOwClCSiQDEoPBX2oA+LvtlgtQbWum4B5aW1Y2dVvo6k6TbrBHD2si6tqIirPUAYYVIpLBdR5q2EDSFo2b9qnv/+Eh683A9eQSYJ0fVi4v/F/32FTDgykqjiEg7Na2pRalbiVPVwJpy/jgocpRplZ24rRQd5YjW4PsdEglw5cJfGQMGjeCKYyoQWAa3sZaXGMKCA6S8nPhlBFcGy8uM/wmoDtuodrLoIAAAAABJRU5ErkJggg=="/>
</defs>
</svg>

... it can only deal with a subset of SVG commands, so to say the most common ones.

[art-divin]

2 minutes ago, v_kyr said:

The Affinity SVG parser doesn't know howto parse and interpret that image ...

<svg width="373" height="403" viewBox="0 0 373 403" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<rect width="373" height="403" fill="white"/>
<path d="M61 326.5H311V76.5H61V326.5Z" fill="url(#pattern0)"/>
<defs>
<pattern id="pattern0" patternContentUnits="objectBoundingBox" width="1" height="1">
<use xlink:href="#image0" transform="scale(0.015625)"/>
</pattern>
<image id="image0" width="64" height="64" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAXpElEQVR4AeWaBXQcN9/1f5IGls2xHWZq06d983Dbh5mZPmZ6mZmZmZmZmcvM3LAbsGNae2FQ0jfxzn6esycupPDRPeceabTZzd6r+9dIs+b/Z1hwhOX/
                                                      ...
                                                      ...
                                                      ... 
                                                     TLQBfBEskHsX3IDCiYU0hBZr3pu1vvwwpz+D3FoXqfQ1VLJ4pcEjtcrCyFziksExMAzUWNz9mKf5oeaMBCkRhnly/uGx5zf2ro5+XVgHqDmhhKgKP6VMGCwJOgbEVvXX1zxXjM3Kz4TdtI3JAn7hDF119E4LiglcBRIWSwBMBa07jFNLHEqAZUo1x5zS86Dk5P81sRYfDOwClCSiQDEoPBX2oA+LvtlgtQbWum4B5aW1Y2dVvo6k6TbrBHD2si6tqIirPUAYYVIpLBdR5q2EDSFo2b9qnv/+Eh683A9eQSYJ0fVi4v/F/32FTDgykqjiEg7Na2pRalbiVPVwJpy/jgocpRplZ24rRQd5YjW4PsdEglw5cJfGQMGjeCKYyoQWAa3sZaXGMKCA6S8nPhlBFcGy8uM/wmoDtuodrLoIAAAAABJRU5ErkJggg=="/>
</defs>
</svg>

... it can only deal with a subset of SVG commands, so to say the most common ones.

Thanks for your response!

This SVG was generated by F##ma app and it can be easily imported into I#k app in macOS. So should be a valid SVG in general.

[v_kyr]

Well since every common webbrowser can open and show that up, it will be valid SVG code. But as said before, the Affinity build-in SVG engine doesn't yet handle the full SVG standard, thus has limitations.

[Sean P]

Unfortunately we don't currently support base64 encoded images, so it won't show the image (which is the bulk of the SVG). I'll get it passed on to development as an improvement.