Javascript 动态调整图像上的填充?

Javascript 动态调整图像上的填充?,javascript,Javascript,我基本上试图做的是根据应用程序提供的玩家位置数据动态更改洗涤器图像的填充值。我已经能够利用提供的数字动态增加进度覆盖图像的宽度并创建一个进度条,但我希望在进度条的前缘有一个清理器菱形 为此,我将洗涤器菱形放置在与进度叠加相同的起点上,并希望以与进度叠加宽度增加相同的速率增加菱形上的填充,使它们能够随着歌曲播放时洗涤器菱形的移动而彼此同步 非常感谢您对动态操作左边填充所需的脚本的任何帮助 var progress = Ecoute.playerPosition(); var width = 142

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

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

非常感谢您对动态操作左边填充所需的脚本的任何帮助

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

EcouteSel('Progression').width = width.toString();
EcouteSel('Scrubber').style('padding-left', 'width'); 
我们将进度定义为玩家位置,宽度定义为进度的函数,然后将该函数应用于应用于进度覆盖图像的ID。但我怎样才能做到这一点呢

style.paddingLeft 
基于…的函数彻底破坏了控制器。我不知所措,任何帮助都将不胜感激。

EcouteSel(“洗涤器”)。style.paddingLeft=width+“px”

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

EcouteSel('Progression').width = width.toString();
EcouteSel('Scrubber').style('padding-left', 'width'); 
假设宽度为整数(或表示整数的字符串)。

EcouteSel('scriber')。style.paddingLeft=width+“px”


假设宽度为整数(或表示整数的字符串)。

EcouteSel('scriber')。style.paddingLeft=width+“px”;假设宽度为整数(或表示整数的字符串)。paddingLeft是如何破坏控制器的?确实如此。谢谢。我将添加它作为答案,这样就可以接受了。EcouteSel('scriber')。style.paddingLeft=width+“px”;假设宽度为整数(或表示整数的字符串)。paddingLeft是如何破坏控制器的?确实如此。谢谢。我会加上它作为答案,这样就可以接受了。