How to create/add custom selecting focal point on image into edit asset

Avatar

Avatar

johant27131908

Avatar

johant27131908

johant27131908

26-07-2018

I would like to add a  focal point into /mnt/overlay/dam/gui/content/assets/assetedit.html where the author can be able to focus specific image points and then I can return like .../myimage.png?focus-at=50,40

any Idea or advice would be appreciated

Thank you.

Replies

Avatar

Avatar

smacdonald2008

Total Posts

12.7K

Likes

1.4K

Correct Reply

2.3K

Avatar

smacdonald2008

Total Posts

12.7K

Likes

1.4K

Correct Reply

2.3K
smacdonald2008

27-07-2018

Can you show an example of exactly what you want to do  - maybe an online demo.

Avatar

Avatar

johant27131908

Avatar

johant27131908

johant27131908

27-07-2018

HI smacdonald2008, thank you.  I want to add some tool in aem touch (DAM) to select the image focus and save it. then I can select one of them to use in my page or another component.

1536968_pastedImage_0.png

Avatar

Avatar

Sothea

Avatar

Sothea

Sothea

30-07-2018

Hi JohanT,

In AEM 6.4, focal point is part of OOTB feature. Unfortunately, in AEM 6.3, it requires custom solution to achieve such requirements. There's a number of front-end tool that you might want to look into:

Focal Point: Pure HTML/CSS Adaptive Images Framework

NodeJS, The Focal Point, library that you might also want to take a look. See the demo here: GitHub & BitBucket HTML Preview

Avatar

Avatar

sergio_r

Avatar

sergio_r

sergio_r

04-12-2018

hi Sothea@WEBCONSOL​, is there a tutorial on how to use this feature in AEM 6.4? I have been looking around and can't find anything.

Thanks in advance! 🙂