help menu

Join us on the Community Forums!

  • Community Guidelines

    The Fitbit Community is a gathering place for real people who wish to exchange ideas, solutions, tips, techniques, and insight about the Fitbit products and services they love. By joining our Community, you agree to uphold these guidelines, so please take a moment to look them over.

  • Learn the Basics

    Check out our Frequently Asked Questions page for information on Community features, and tips to make the most of your time here.

  • Join the Community!

    Join an existing conversation, or start a new thread to ask your question. Creating your account is completely free, and takes about a minute.

Not finding your answer on the Community Forums?

Cancel
Turn on suggestions
Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type.
Showing results for 
Show  only  | Search instead for 
Did you mean: 

SVG circle/rect with background image

ANSWERED

‎08-25-2020 14:46 - edited ‎08-28-2020 14:48

‎08-25-2020 14:46 - edited ‎08-28-2020 14:48

Hi, first things first I am pretty new to fitbit dev.

Nevertheless, would somebody mind to show an example to apply a background to a rect or circle inside a svg? I've tried, but even css seems to be restricted using it within fitbit-studio/sdk.

What's the way to go to show an image as texture of a circle/rect?

 

bg

Best Answer
0 Votes
1 BEST ANSWER

Accepted Solutions

‎08-25-2020 15:22

‎08-25-2020 15:22

Hi,

An easy way is to use the Mask.

 
You only have to add a circle or anything in a mask. And you can apply this mask to your image.

View best answer in original post

Best Answer
2 REPLIES 2

‎08-25-2020 15:22

‎08-25-2020 15:22

Hi,

An easy way is to use the Mask.

 
You only have to add a circle or anything in a mask. And you can apply this mask to your image.
Best Answer

‎08-27-2020 14:46 - edited ‎08-28-2020 14:14

In response to JeremyJeanson

‎08-27-2020 14:46 - edited ‎08-28-2020 14:14

Hi  @JeremyJeanson , thanks a ton for the hint. It seems to work pretty well on the simulator but on my Versa 2 Device I see nothing from my circle. Changed the circle to a rect and voila, its showing properly. Did you discovered this issue already. And when, would you mind another hint?

 

Edit: Thats a bug: https://community.fitbit.com/t5/SDK-Development/Versa-2-only-mask-rendering-issue/m-p/4067045

 

Best Answer
0 Votes