When you want to do a series of sequential transforms on an SVG element, keep in mind that it is applied right to left.
In this example, this SVG code does the translate first, then the scaling, then the rotation.
<g transform="rotate(45) scale(2) translate(100, 100)">
It is counterintuitive but that is how it works. Hopefully this solves some problems you might have on your SVG...
Blog Archive
Categories
4.3
(1)
Addon
(1)
android
(1)
Codeigniter
(1)
delete
(1)
Devot:ee
(1)
Enso
(1)
Expression Engine
(2)
Galaxy Note 2
(1)
gdg cdeo googleio
(1)
gdg sfd
(1)
Github
(1)
jellybean
(1)
Launchers
(1)
Launchy
(1)
npm
(1)
Parse Order
(1)
Release
(1)
Samsung
(1)
Smartphones
(1)
svg
(1)
SVN
(1)
Sync
(1)
Tech
(1)
TIL tips matplotlib python org-mode spacemacs
(1)
update
(1)
Popular Posts
- CI Multilanguage Module v0.2 released
- Local Devfest, Software Freedom Day and Frameworks
- TIL Software Series
- Goodbye Enso, Hello Launchy
- Expression Engine Parse Order
- Change global npm install modules destination
- How to run another instance of Skype in Mac OSX
- 3 simple things you must absolutely do when starting an i18n PHP-MySQL Application
- Cagayan de Oro Google I/O Extended 2016
- SVG Sequential Transforms Priority