如何平移和缩放svg？

Question

这是我现在正在运行的程序，我想在svg圈子中添加平移和缩放。

document.getElementById('draw').addEventListener('click', function(){ document.getElementById('here').innerHTML =  '<svg height="100" width="100">' + '<circle cx="50" cy="50" r="40" stroke="black" stroke-width="1" fill="rgba(130,130,130,0.6 )">' +  '</svg>'; });

<button id="draw">Draw Circle</button> <div id="here"></div>

我看过以下程序：https://codepen.io/briancribb/pen/OWMpYB，但我不知道将其实现到我的程序中，因为我的程序具有绘制svg的按钮。