SVGView
SVGView copied to clipboard
Are embeeded images supported?
I am rendering an svg with an embedded image and it does not render. I tried also adding the image with a remote url and it also does not render. I can see it render correctly in xcode preview though.
Thanks in advance.
Hey @txbrown, could you please attach your minimal reproducible code and the svg/url you are using, so we can help you, Have a nice day!
@f3dm76 : Please find below example:
struct SVGViewDemo: View {
let myimgsvg = """
<svg version="1.2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 59" width="40" height="59">
<title>New Project</title>
<defs>
<image width="40" height="59" id="img1" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAA7CAYAAAAJvMhYAAAAAXNSR0IB2cksfwAACLdJREFUeJzNmgtQlccVxz9HEXwOOlY7I0J0RNEY69uxVAwipjMxjQaMwdgxKhXtTHxEDR0npThNJz7GCVoVLKAkNjFGqSiipOMDHzXFFCOWalWsCoJYAQF53Mt9/LvnXPa73733u8gt18CdObP77e63+/vO2T17dkGp/FEgDCdyYQEUi6WTiGCxCqkePREKAZpKyzM6FSCJFYrpQWmeYjyTB6vV2vFAOoAWo0lRmr8vhLWzaU9jaqXTwv0QgIBNrNZOBijBKir+O/fmzduQzx73ZX0BgARSXv4ocf36DZg0aTLGjBmD1177OXJyTsJjSG8DEkBNTZ2yfHkcunbtKnpXVBk6dCiys7M9g/S2iWnwY8eOo3fvPg5wUqKiotmltXlOvgjAnTv/qAtHEhr6M9C8bLMWXwTgZ599jm7duukCzpoViadPa9u+YCQgNNJewOLiu5g+fboLXJcuCrZs2er5HKQXHog97/TpM7h16w7+b5+lgTxz5ixmzHhVhQsMDMKmTb9HU5PBM0VIwAMHvsDw4cPx8cd/8NwVOAl9IPVx9+49ZGb+BRkZn+PLLw9h8+YtWLt2LT75ZDOKi/+DNjlwCXj+/EVhgi4IDw9v24tt1CRJc7NZmT17Nnr16sXa7N69O8aO/Qny8797vjLkHGxoaFL69euHwYMH4/bt4nZrUQuZlJSku2CmTfspHj9+8qp2LKkYVUESkApiYmLQp08fYY6vvGbmkpKHWSEhIW7dTlpaOmR7k8msZGfnYOPGjXYlaQHT0/exmdetW98mQAnhTu7de3A/ImKWWziSqVOnoq6unttfvXoNQUFBXP7hh/FiQRm5XAWkFUzbU1hYGOrrG1udhxLOZLIoz541KJWV1f6PHj1+7/79kmsFBQXYvz8Dr7wytlU4Ehrv7Nk8Vsi33+aDphmVx8WtUMFVwMZGgzJhwgR2CdS4Ne2QHDmSiQ8+WIfY2OV4550YvPnmXJDGgoJecgHp0aMHJk+eogu5evUaFbB///5ctmLFSldAo9GsbNiwgRt8+mkS+0NSs6s084s0Z5+nIZKAgADs3ZuKU6dydetHjBgh5qG1dUBpOmoUE7OQtREePpPN7SwREREgtxQXF9cqWHBwsPB763D58t9JQxDmZ/fi3M7PrwcKC/+JK1e+0weUfs8mVoXm0VtvRbc6eErKn9jZHjp0GAcO/JlXY3JyMms+LS1NzKtzIEct3Bfkr76+AatWrXbpy8enO1JT01FQcFUfsLy2bk1Z2aNEkvLyCsqjqOhf4ov+4VZoQYmoBKI9qH1ZWTkePixHaWkZl4vFo4IJy7DQj0yt98EUP167VqgP2GvgQN2XyOW4k9a0O2jQj3Hy5CkHOAmYlXVM952wsBlsZl3A/oGBYvvxha9v+4W2MfIC33zzV+j9zp07zyvaGXDcuHFsYn9/f1WjtbXPbIBJKSnYunUbtm3b3m6hcCo5OYVNT7+qqqe8OMgJ5+bmIjFxE3r27OkCSD6zsPA6Hwvoec2atSC3py4Sb8vFi5fYv82fP59948svjxHHgN5upwW5mrq6Z0hISOBYkt532Oq8ERjI4EAslIzIyMg2+UgpEydOZI2fOJGD7du3gyIgrwPK7W/fvv3Ct/m2GS44eDhoVzKbLTh6NIvjRrkPexWQOqyurlEWLfqlC0Tfvn0xcuRIzJwZgQULFmDx4vd4Q6B0yZIlGDVqFBYuXCRMnMjrQT35eRvwwoWLLotg2LBhHCHNmzdPxIDTRMwZwG2cXZavrx/efXeR8MFF9mjKW4D0tQZDsxIf/xsX7UVFReGNN37BWx8tBjpaUNRC7oi0SmWUvv/+KlBM6BDqeQuQOr1zpxhDhgS4ABK0CN/IbcBgMEKEZrzCL126zIuB3Imccy4hnrcAxQRXduzYqbsIdu/e4+CsBQzo3oaCA+mW3Mae3gCkzmtr6xQynR7g0aPHKHRTtzsKIGhO5udfAZ43trcA6Xjpzo1QcCH35Q4BpEFCQ0N14Xx8fDjK0QLSXCRAaWKPAc1mK4vt2aqWUV6Wy2e5rfn5+ekCjh49WuzH1Wxim5ktEGcXLF0ai9Onz4pF0uzQnxxDFQmoLXRupH22f4jtmQDJ8WpDNO3FEV1c1tTUseYqKh7zrcL48eP5eEuBwbJlsaqpHZXQkuoDQhfUuQ11SjHcgAEDVKCQkFGIjJytPi9duoznXE1Nrdg1FmPu3HnIy7vAbobmLV210C3szZu3+AzkohRnQD0ok0mbt7BLoZQA9+xJVq80KKWImeaXBExI+B1H14cPH8Hrr8/hyyP6uPj4eA7BwDcPO/D22wtULdrGsKUmugK2aCokjGxkL7fwHYvMk9DHlJY+zEpJ2Yvo6PmsrcZGoxIb+ysVcNeu3bhx499CS5P44ogg6E5mypSpSE/fL+agiQ9q/v79cPDgIdhuGOxjMKBZo0GHSicwSp3z0tRPnlS9VFJSmkd1tEPQ4emjj36L69eLkJ19gmHnzJnDgKmpafy8cuWv+YLg4MGvWrbEaK6XffNYElALoy8mcW42cV6m2jq5eGQcR0J7M300wR8/ni1C+u/J3AodzOgeu6joBm91dCNBzxRR0/Sh/tUxhJUUkxO1FkAL5YlITVNezlf6AHqWq59S+jjneocxzRpAl8oWIU3I1Dnvrkzvvdb60Y7lIAKeAe1AzgNoO2/mqIPy8hrEMW90KZfv0nWJva29f20b13ZGG2CzBlALpX8v8wOLsKZibAGUUOQqbKmhJVYzuOQbGuxleqJ9x12ddgy379Dfiw2w32IRnK2yia+F3Ul7612l0emdRlsqlMaAdmrHATwf6PlSX6/ft+6YBNjUAkgapGVPvkhGFrZ/FSCxtIhVI609O9dpyyxOfTu2cSgXeaX+b/kwwnb19iJuGdorSkNmFoQL73AQXSENVvYdBIvYfjocxp0GKwcGoSktAx0NoifGnFwoVUOCQVps3JXSqSANX2eiSijvfzmTwbxnkT69AAAAAElFTkSuQmCC"/>
</defs>
<style>
</style>
<use id="Layer 1" href="#img1" x="0" y="0"/>
</svg>
"""
var body: some View {
SVGView(string: myimgsvg)
}
}
Sorry but this was a while now. Closing this issue.