渐进加载具有模糊效果的图像– ngx-blurred-image

渐进加载具有模糊效果的图像– ngx-blurred-image
插件名称 ngx-blurred-image
发布时间 2020年5月18日
插件作者 drozhzhin-n-e

一个Angular组件,用于实现带有模糊效果的中等启发式渐进图像延迟加载。

安装:

# NPM
$ npm install ngx-blurred-image --save

使用:

<div blurred-image
	[small]="base64"
	preview="/assets/img/annie-spratt-419262-preview.jpg"
	[size]="{width: 880, height: 587}"
></div>

Prope:

名称 类型 描述
small string 缩略图图像为base64格式。
preview string 完整尺寸图像的路径。
size object 带有图像的容器的宽度和高度。
delay number 显示图像之前的延迟(以毫秒为单位)。