Изменение точек многоугольника в SVG для радиолокационной карты в Microsoft Powerapps - PullRequest
1 голос
/ 25 сентября 2019

Я занимаюсь разработкой радиолокационной карты в Microsoft Powerapps.При нажатии на кнопку график должен измениться.Поскольку радарные карты не поддерживаются, я создаю их самостоятельно, используя изображение SVG.При нажатии кнопки точки многоугольника SVG должны измениться, чтобы соответствовать уровню радиолокационной карты.

К сожалению, я не могу найти способ добавить переменную в точки многоугольника, которая позволила бы встретиться с ней, нажав кнопку.Данные выглядят следующим образом

data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1000' width='1000' %3E%3Cpolygon points='1000,500 933,250 750,67 500,0 250,67 67,250 0,500 67,750 250,933 500,1000 750,933 933,750' style='fill:orange;fill-opacity:0.9;stroke:black;stroke-width:1' /%3E%3C/svg%3E

Кто-нибудь знает, как добавить переменную к одной из точек многоугольника?Например:

polygon points='1000,500 933,250 750,67 500,var1 250,67 67,250 0,500 67,750 250,933 500,1000 750,933 933,750

Я пробовал эти варианты:

polygon points='1000,500 933,250 750,67 500,"var1(Label1)" 250,67 67,250 0,500 67,750 250,933 500,1000 
  750,933 933,750

В этом варианте это позволяет мне ссылаться на переменную (Label1) или нажатую кнопку, но остальная часть изображениябольше не работает.Я искал какое-то решение и обнаружил, что вы можете создать функцию, но, похоже, это не работает в PowerApps.9 @ function: yourfunction в начале

Кто-нибудь может мне помочь?

1 Ответ

0 голосов
/ 25 сентября 2019

Поскольку содержимое SVG является строкой, вы можете использовать конкатенацию строк (либо & оператор , либо функция конкатенации ).В вашем случае, если значение находится в переменной с именем var, вы можете использовать это выражение:

"data: image / svg + xml,% 3Csvg xmlns = 'http://www.w3.org/2000/svg' height ='1000' ширина = '1000'% 3E% 3Cpolygon points = '1000,500 933,250 750,67 500, "& var &" 250,67 67,250 0,500 67,750 250,933 500,1000 750,933 933,750' style = 'fill: orange; fill-pacity: 0,9; ход: черный; ширина хода: 1 '/% 3E% 3C / svg% 3E "

На приведенном ниже снимке экрана показано это выражение в действии:

enter image description here

...