Как мне панорамировать и увеличивать и уменьшать 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.