Ve SVG belgede bazı unsurları yeniden boyutlandırmak döndürmek için javascript kullanarak ihtiyacım var. Bu sorun, varsayılan olarak, her zaman en orijin etrafında dönüştürme (0, 0) - üst sol geçerlidir.

Nasıl yeniden tanımlamak, bu bağlantı noktası dönüştürebilir miyim?

Kullanarak "dönüşüm kökenli ama hiçbir şey etkilemez" özniteliği. denedim

Bunu Nasıl yaptım

svg.getDocumentById('someId').setAttribute('transform-origin', '75 240');

Öznitelik doğru ayarlandığını firefox görebiliyorum ancak ben belirtilen noktaya önemli nokta ayarlamak için görünmüyor. 'Orta alt' ve '50 0%' parantez olmadan ve denedim Hiçbir şey şimdiye kadar çalıştı.

Herkes yardımcı olabilir?

Döndürmek için derece döndürün ve (cy C) rotasyon merkezi tanımlamak istediğiniz derece olduğu transform="rotate(deg, cx, cy)" kullanın.

Ölçekleme/yeniden boyutlandırmak için, çevirmek (-k, -cy), (cy C) ölçek geri çevirmek. Yani bir matris ile bu dönüştürebilirsiniz:

transform="matrix(sx, 0, 0, sy, cx-sx*cx, cy-sy*cy)"

Sx x-eksen Ölçekleme faktörü, y ekseni içinde sy.