manual modification of the transformation origin point
Do you mean this?
And if you mean by setElementProperty this only works with a hack (meanig use with caution).
- Download and install Hype Export Playground
- Patch the code with the following
# add missing transformation origin property to API
patch_post_hook(hook_props, 'transformOriginX:{HYP_r:"tX",HYP_s:0.5},', glob_hype_runtime_minified)
patch_post_hook(hook_props, 'transformOriginY:{HYP_r:"tY",HYP_s:0.5},', glob_hype_runtime_minified)
Enabling setting values with hypeDocument.setElementProperty in the range of 0 to 1:
hypeDocument.setElementProperty(testElm, 'transformOriginX', 1);
hypeDocument.setElementProperty(testElm, 'transformOriginY', 0);
Then finally and if you are not so keen on hacking your way into the runtime… you can always force your way in with pure JavaScript from within your project:
element.style.setProperty('transform-origin', '10% 10%', 'important');
or use CSS declarations and CSS Animation.
1 Like
Hello and thank you for your suggestion. I am naturally cautious. I will not venture to use Hype Export Playground except for curiosity. A lot of the apps I use give the ability to change the origin point with the mouse. I just have to drag the ⨁ symbol to the place I want. This is very practical especially for animating objects. It is this possibility that I would like to have in Hype.
Kenavo
cmd will show the transformation-origin. you can drag it then ...
1 Like
I'm stupid !! Thanks
