javascript - 设置变换原点属性 X 和 Y 坐标

Question

Set transform origin property X and Y coordinates努力从 JavaScript 为两个轴设置变换原点属性。

来自 javascript:object.style.transformOrigin = valueX valueY;

不幸的是，它不起作用...如果我设置 2 个值它不起作用...如果我只设置 1 个值，则仅更改 valueX。

我做了什么:

newClasses.style.transformOrigin = scaleOrigPoint + "px"; // sets only for valueX
newClasses.style.transformOrigin = (scaleOrigPoint + "px") + (scaleOrigPointY + "px"); // sets only for valueY
newClasses.style.transformOrigin = (scaleOrigPoint + "px") , (scaleOrigPointY + "px"); // doesnt set anything + ERROR
newClasses.style.transformOrigin = (scaleOrigPoint + "px") (scaleOrigPointY + "px"); // doesnt set anything + ERROR
newClasses.style.transformOrigin = [scaleOrigPoint]px; // doesnt set anything + ERROR

还有很多其他方式...有时它只改变 valueY...

问题:

有没有办法仅使用 javascript 为变换源属性设置机器人 valueX 和 valueY？

Answer 1

您是否尝试过在它们之间留一个空格？

newClasses.style.transformOrigin = scaleOrigPoint + "px " + scaleOrigPointY + "px";