javascript - 动态调整图像上的填充？

Question

我基本上想做的是根据应用程序提供的玩家位置数据动态更改洗涤器图像的填充值。我已经能够利用提供的数字来动态增加进度叠加图像的宽度并创建进度条，但我希望进度条的前缘有一个菱形洗涤器。

为此，我将洗涤器菱形放置在与进度叠加层相同的起点，并希望以与进度叠加层宽度增加相同的速率增加菱形上的填充，从而使它们能够调整速度随着歌曲的播放，洗涤器钻石彼此移动。

任何有关动态操作 padding-left 所需的脚本的帮助将非常感激。

var progress = Ecoute.playerPosition();
var width = 142.5 / length * progress + 1.63;

EcouteSel('Progression').width = width.toString();
EcouteSel('Scrubber').style('padding-left', 'width'); 

我们将进度定义为玩家位置，将宽度定义为进度的函数，然后将该函数应用于应用于进度图像上的 ID。但是我该如何实现 padding-left 呢？

style.paddingLeft 

...基于函数的功能已经彻底破坏了 Controller 。我很茫然，任何帮助将不胜感激。

Answer 1

EcouteSel('Scrubber').style.paddingLeft = width + "px";

假设宽度是一个整数(或代表整数的字符串)。