ngx-image-zoom icon indicating copy to clipboard operation
ngx-image-zoom copied to clipboard

Configuration for lens appearance needed

Open wittlock opened this issue 6 years ago • 2 comments

There's no way to configure the appearance of the lens.

wittlock avatar Mar 17 '18 14:03 wittlock

Fix didn't work when properly packaged, rolled it back. Going to try a different approach.

wittlock avatar Mar 27 '18 21:03 wittlock

Change the border appearance is currently possible using:

Note: currentFilePreview.file contains a Base64 Data URI

HTML

<ng-template #imageViewer>
  <lib-ngx-image-zoom
    [magnification]="1.8"
    [enableScrollZoom]="true"
    [zoomMode]="'hover'"
    [enableLens]="true"
    [lensWidth]="200"
    [lensHeight]="200"
    [circularLens]="true"
    [thumbImage]="currentFilePreview.file">
  </lib-ngx-image-zoom>
</ng-template>

SASS

.ngxImageZoomLensEnabled
    border-width: .3rem !important
    border-color: white !important

Result

Screenshot_20210507_182923

KBeDevel avatar May 07 '21 22:05 KBeDevel