Cairo Svg Test Transform Regular Cairo Svg Test Transform Regular <svg xmlns="http://www.w3.org/2000/svg"></svg> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs> <rect id="square" width="300" height="300"/> </defs> <use xlink:href="#square" transform="translate(100, -900)"/> <use xlink:href="#square" transform="translate(600, -400)"/> </svg> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs> <rect id="square" width="300" height="300"/> </defs> <use xlink:href="#square" transform="translate(100, -900)"/> <g transform="translate(400, -400)"> <use xlink:href="#square" transform="scale(1.5, 0.5)"/> </g> </svg> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs> <rect id="square" width="300" height="300"/> </defs> <use xlink:href="#square" transform="translate(100, -900)"/> <g transform="translate(600, -600)"> <use xlink:href="#square" transform="rotate(30)"/> </g> </svg> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs> <rect id="square" width="300" height="300"/> </defs> <use xlink:href="#square" transform="translate(100, -900)"/> <g transform="translate(400, -400)"> <use xlink:href="#square" transform="skewX(30)"/> </g> </svg> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs> <rect id="square" width="300" height="300"/> </defs> <use xlink:href="#square" transform="translate(100, -900)"/> <g transform="translate(400, -500)"> <use xlink:href="#square" transform="skewY(30)"/> </g> </svg> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs> <rect id="square" width="300" height="300"/> </defs> <use xlink:href="#square" transform="translate(100, -900)"/> <g transform="translate(600, -600)"> <use xlink:href="#square" transform="matrix(1, 0.4, -0.6, 1.1, 50, -70)"/> </g> </svg> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs> <path id="heart" d="M 10,30 A 20,20 0,0,1 50,30 A 20,20 0,0,1 90,30 Q 90,60 50,90 Q 10,60 10,30 z" /> </defs> <use xlink:href="#heart" transform="translate(10, -650) rotate(-10 50 100) translate(-166 125.5) skewX(40) scale(1 0.5),scale(8, 8)" fill="grey"/> <use xlink:href="#heart" transform="translate(300, -800),scale(6, 6)" fill="none" stroke="red" /> </svg> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs> <circle id="c1" cx="100" cy="100" r="80" fill="none" stroke="black" stroke-width="20" /> <circle id="c2" cx="100" cy="100" r="80" fill="none" stroke="black" stroke-width="20" transform="scale(3,3)" /> </defs> <use xlink:href="#c1" x="100" y="-900"/> <use xlink:href="#c2" x="300" y="-700"/> </svg>