Before we do a private remote session to debug it on your side, I put together a simple example that works which only contains a text:
Here is the svg (click on it and “save as…”):
and here is how I defined the text (note that the item is linked to the tspan element, not the text element)
<text
xml:space="preserve"
style="font-style:normal;font-weight:normal;font-size:10.5833px;line-height:1.25;font-family:sans-serif;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.264583"
x="8.426899"
y="36.443012"
id="text1"><tspan
sodipodi:role="line"
id="textContent"
style="stroke-width:0.264583"
x="8.426899"
y="36.443012"
flash="true"
openhab="true">MyText</tspan></text>
Here is the definition of the canvas (paste it into the code tab):
config:
embedSvg: true
embedSvgFlashing: true
embeddedSvgActions:
textContent:
action: toggle
actionCommand: ON
actionCommandAlt: OFF
stateItems:
- slider1
fixedType: canvas
grid: 10
hideNavbar: true
imageUrl: /static/text.svg
label: circle_floor
layoutType: fixed
screenHeight: 1080
screenWidth: 1920
sidebar: false
visibleTo:
- role:administrator
blocks: []
masonry: []
grid: []
canvas:
- component: oh-canvas-layer
config:
preload: true
slots:
default: []
Define the item 'slider1" as follows:
label: Slider 1
type: Dimmer
category: light
groupNames:
- verschiedenes
tags:
- Point
Result (item set to 77 and canvas displaying 77):
