Question

我的要求是在鼠标悬停在该图像上时缩放该图像

我正在Angular6项目中使用此软件包：https://www.npmjs.com/package/ngx-image-zoom

这是stackblitz编辑器的网址：https://stackblitz.com/edit/autocompcus?file=src%2Fapp%2Fapp.component.html

我无法找出问题出在哪里。

预先感谢

Answer 1

使用[zoomMode] =“'click'”启用点击缩放
使用[zoomMode] =“'hover'”启用悬停缩放

我已经更新了堆叠闪电战-https://stackblitz.com/edit/autocompcus-j5kujt。

Answer 2

通过为单个图像添加[magnification] =“ 2”而不添加[fullImage]来工作

Answer 3

尝试使用这个类似的角度图像缩放 npm 包 ng-img-magnifier。这是一个有效的 DEMO。这非常容易实施且完全可定制。

<ng-img-magnifier [thumbImage]='img' [fullImage]='img2'
    [top]='top' [right]='right'
    [lensWidth]='lensewidth' [lensHeight]='lensheight'
    [resultWidth]='resultWidth' [resultHeight]='resultheight'
    [imgWidth]='imgWidth' [imgHeight]='imgheight'>
</ng-img-magnifier>

Angular 7图像缩放在鼠标悬停时不起作用

3 个答案: