javascript - 无法使用滑块控制 svg 图案的旋转

Question

我想使用滑块来控制SVG图案的旋转，.setAttribute('patternTransform','rotate(slider.value)')但它表示error:"patterntranfom:expected numbers".

在此处输入图像描述

如果有人对此问题有任何想法，我将不胜感激，

你可以在这里查看我的代码

https://plnkr.co/edit/uiUoJBQuCOAtKtWy

var slider2 = parseInt(document.getElementById("slider2").value);
document.getElementById("pattern").setAttribute("patternTransform", "rotate(slider2)")

它基于 Rouby 之前的回答