Update the X and Y translation values of a CSS transform (e.g. to move an SVG group or object)

edit-transform.js

let myTransform;

myTransform = "translate(100,200) scale(1)";
myTransform = myTransform.replace(/(.*?translate\()(.*?)(,)(.*?)(\).*)/, (all:string, prefix:string, x:string, comma:string, y:string, suffix:string) =>
{
	return `${prefix}${~~x+100}${comma}${~~y+100}${suffix}`;
});

console.log(myTransform); // Output: "translate(200,300) scale(1)"