线性梯度坐标的 SVG 表达式

Question

我正在使用以下linearGradient元素:

<linearGradient
   inkscape:collect="always"
   xlink:href="#linearGradient8704"
   id="linearGradient8774"
   gradientUnits="userSpaceOnUse"
   x1="45%"
   y1="45%"
   x2="55%"
   y2="55%" />

是否可以在 x/y 坐标中使用基本表达式？我希望能够做这样的事情:

x1="50% - 20px",
y1="50% - 20px",

Answer 1

您必须这样做有什么具体原因吗？不要偏离你原来的问题，但我内心的编码员尖叫着使用不同单位的表达式是错误的。是否可以使用 javascript 将其中一个值转换为其他单位？类似于:

 var new_x1 = (window.innerWidth/2) + 20;
 document.getElementById('linearGradient8774').setAttribute('x1', new_x1 + 'px');