Fabri cJS: как создать эффект линзы с увеличительным стеклом, который отображает в объективе как фоновое изображение, так и объекты холста - PullRequest
1 голос
/ 11 марта 2020

Я пытаюсь реализовать функцию масштабирования, которая не только увеличивает масштаб на фоновом изображении, но также отображает объекты Fabri cJS (треугольник и круг), присутствующие на холсте.

В настоящее время то, что я Достигнуто правильное отображение увеличенного изображения, но я также хочу отобразить объекты, присутствующие на холсте, для отображения внутри объектива и иметь возможность щелкать по ним.

Я понимаю, что фон только клонируется через fabric.util.object.clone и затем передается в «объектив», где затем отправляется в «clipTo» и отображается в виде увеличительного стекла.

Но как клонировать все объекты и подать их на объектив? не только фоновое изображение.

Я приложил скрипку к моему прогрессу: https://jsfiddle.net/7m3otzq0/9/

Желаемый эффект должен иметь нечто похожее на то, как работает библиотека AnythingZoomer2 Я бы предпочел использовать только Fabri cJs, потому что это потрясающая библиотека https://css-tricks.com/examples/AnythingZoomer/index.php#? id = 568

...