I’m trying to scale a raphael paper with multiple paths but it doesn’t scale right.Some parts get smaller than others.
For example, if I try to scale the tiger example (http://raphaeljs.com/tiger.html), the tiger doesn’t scale right, only some parts of the tiger scale.
Thanks!
This is the code I’m using:
<html>
<head>
<script src="raphael-min.js" type="text/javascript" charset="utf-8"></script>
<script src="tiger.js" type="text/javascript" charset="utf-8"></script>
<script>
window.onload = function () {
var r = Raphael(tiger).scale(0.5,0.5);
};
</script>
</head>
<body>
</body>
</html>
The Paper object doesn’t have a scale method, so you’ll have to loop through all of the objects on the paper in order to scale them. I also found that scaling per object didn’t work as well as using a transform: