svg

How to put images inside SVG?
Can anyone solve this problem?

This SVG code is not working.
Can anyone help?

CONCATENATE(
  "<svg width='300' height='200' xmlns='http://www.w3.org/2000/svg'>",
  "<circle cx='50' cy='50' r='40' fill='gray' />",
  "<text x='120' y='50' font-family='Arial' font-size='16' fill='%23F6FCBB'>", [Full Name], "</text>",
  "<text x='120' y='70' font-family='Arial' font-size='12' fill='%23F6FCBB'>ID: ", [Email], "</text>",
  "<text x='120' y='90' font-family='Arial' font-size='12' fill='%23F6FCBB'>", [Password], "</text>",
  "<text x='120' y='110' font-family='Arial' font-size='12' fill='%23F6FCBB'>", [Level], "</text>",
  "<text x='120' y='130' font-family='Arial' font-size='14' fill='%23F6FCBB'>", [User_ID], "</text>",
  "<rect x='10' y='150' width='50' height='30' fill='blue' />",
  "<!-- Add an image -->",
  "<image x='10' y='10' width='40' height='40' xlink:href='", [Image], "' />",
  "</svg>"
)
0 2 60
  • UX
2 REPLIES 2

Kabuliรฑo Can you show me a sample of how you did it? It would have helped me a lot that I will never forget.

This is the problem in the SVG code. Please Solve it.

 

  "<!-- Add an image -->",
  "<image x='10' y='10' width='40' height='40' xlink:href='", [Image], "' />",

 

 

 

Top Labels in this Space