Displaying images from external rescourses/url

[espenve]

I'm trying to display an image from the web like so:

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="background">
<image xlink:href="http://homepages.cae.wisc.edu/~ece533/images/barbara.png" x="0" y="0" height="250" width="348" />
<text id="defaultText">
Test
</text>
</svg>

The image is not getting loaded, even though I have checked "internet" in settings:

I'm not getting any errors in console. Any help displaying external images is greatly appreciated! 🙂

[JonFitbit · Accepted solution]

Sorry, the device does not have a direct internet connection, so this type of remote image loading is not possible.

You need to either include the image directly in your project, or download the image using "fetch()" in the Companion API, then send the image file to the device using the File Transfer API.

https://dev.fitbit.com/guides/communications/file-transfer/#overview

[SunsetRunner]

Can you show me documentation on how to add an image to my project while using Fitbit Studio's web version please?

[bjsexpress]

---

@SunsetRunner wrote:

Can you show me documentation on how to add an image to my project while using Fitbit Studio's web version please?

---

Drag and drop your image directly into the resources folder of your project in Fitbit Studio.

https://dev.fitbit.com/getting-started/