-1

我正在使用 Articulate Storyline，我想修改我在软件中使用Javascript创建的线条的宽度。

我已经知道我可以使用这行代码选择任何项目（每个项目都导出到 Storyline 输出中的 SVG）：

 var item = $('[aria-label="Ourline"] svg')

然后我们应该能够做一些jQuery动画......

问题是我无法使用以下代码修改所选行的宽度属性：

 $(item).attr("width","500");

它只是将线 500 px 的位置向右更改！什么？！

任何建议，将不胜感激。

请注意：这个问题与 Storyline 无关，都是关于 SVG 和 jquery 的。

4

1 回答 1

1

https://jsfiddle.net/whLf02n8/

html:

<svg height="100" width="100">
  <circle cx="50" cy="50" r="40" stroke="black" stroke-width="3" fill="red" />
</svg>

<button id="7">7</button>
<button id="3">3</button>

javascript:

$('button').click(function() {
    const id = $(this).attr('id');
  $('svg circle').attr('stroke-width', id);
})
于 2019-09-24T16:49:26.400 回答