Question

I am working with the following linearGradient element:

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

Is it possible to somehow use basic expressions in the x/y coordinates? I’d like to be able to do something like this:

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

Answer 1

Is there a specific reason why you have to do it this way? Not to detract from your original question, but the coder inside me screams that using expressions with different units is wrong. Would it be possible to convert one of the values to the others units using javascript? Something like:

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