Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Scale based on specific origin

See original GitHub issue

Is there any way to set origin of the scale? If there isn’t, is it intended to add such a feature to this library?

Issue Analytics

State:
Created 7 years ago
Comments:12 (4 by maintainers)

Top GitHub Comments

1reaction

juliangarniercommented, Aug 20, 2016

You can animate the transform-origin property like any other css properties:

Like this:

anime({
  targets: 'div',
  transformOrigin: ['0px 0px', '100px 50px']
});

And a running demo here: http://codepen.io/juliangarnier/pen/WxWaWE

0reactions

juliangarniercommented, Aug 26, 2016

Yes and like I said in #63, this is the expected behaviour of CSS transforms. But i’m glad that you found the problem!

Top Results From Across the Web

8.4.2.1.2 The Scale Tab - OriginLab

This option is shown, when Scale Type is Log10, Ln or Log2. Generally, Origin only supports positive values for the Log10, Ln or...

How to scale a point relative to a specific point as origin ...

scale the point i.e. multiply by sf; translate the center_point to original position i.e. add center_point to point. here is some python

Scaling (geometry) - Wikipedia

Scaling is a linear transformation, and a special case of homothetic transformation (scaling about a point). In most cases, the homothetic transformations are ......

transform-origin - CSS: Cascading Style Sheets | MDN

The transform-origin CSS property sets the origin for an element's transformations.

transform > scale from a pre-selected origin point...

Solved: Hi CS6 scaling two images that I wish to match up. set uppet to 50% opacity, edit>transform, move gunsight to where I...