Constructor
new ImageElementShell(options)
- Source:
构造函数
Parameters:
| Name | Type | Description | ||||||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
options |
object | 其他配置选项见ImageElementShell.options Properties
|
Members
(static, readonly) options :object
- Source:
- Since:
- 1.0.0
Properties:
| Name | Type | Default | Description |
|---|---|---|---|
name |
string |
'directive-image-loader'
|
日志打印器命名空间 |
debug |
boolean |
false
|
打印器调试模式是否开启 |
placeholders |
object |
{}
|
全局配置占位图片，key名会转换为修饰符 |
loadingPlaceholder |
string |
''
|
全局配置图片载入中占位图片 |
loadingDelay |
number |
300
|
载入中占位图片的延迟加载时间，避免出现载入中图片瞬间切换为真实图片的闪烁问题 |
animationClassName |
number |
''
|
动效的样式类 |
animate |
boolean |
true
|
是否启用动效载入，全局性动效开关，比如为了部分机型，可能会关闭动效的展示 |
force |
boolean |
false
|
是否强制开启每次指令绑定或更新进行动效展示。若关闭，则图片只在初次加载成功进行特效载入，之后不进行特效加载 |
默认配置选项
Type:
- object
(readonly) $options :object
- Source:
- Since:
- 1.0.0
实例初始配置项
Type:
- object
$el :Element
- Source:
- Since:
- 2.0.0
获取dom节点
Type:
- Element
$width :string
- Source:
- Since:
- 2.0.0
获取实例设置的宽度值
Type:
- string
$height :string
- Source:
- Since:
- 1.0.0
获取实例设置的高度值
Type:
- string
$currentSrc :string
- Source:
- Since:
- 1.0.0
获取当前图片的地址
Type:
- string
$currentSrc
- Source:
- Since:
- 1.0.0
设置当前图片的地址
$actualSrc :string
- Source:
- Since:
- 1.0.0
获取真实图片的地址
Type:
- string
$actualSrc
- Source:
- Since:
- 1.0.0
设置真实图片的地址
$loaded :boolean
- Source:
- Since:
- 1.2.2
获取实例真实图片是否已成功加载过一次
Type:
- boolean
$originSrc :string
- Source:
- Since:
- 1.0.0
获取原图片地址
Type:
- string
$placeholder :string
- Source:
- Since:
- 1.0.0
获取真实图片加载失败时的占位图片地址
Type:
- string
$loadingPlaceholder :string
- Source:
- Since:
- 1.0.0
获取载入中占位图片地址
Type:
- string
$loadingDelay :number
- Source:
- Since:
- 1.0.0
获取载入中占位图片延迟加载的时间
Type:
- number
$animationClassName :string
- Source:
- Since:
- 1.0.0
获取动效样式
Type:
- string
$force :boolean
- Source:
- Since:
- 1.0.0
获取是否启用了每次强制载入动效
Type:
- boolean
$animate :boolean
- Source:
- Since:
- 1.0.0
获取是否需要载入动效的状态
Type:
- boolean
Methods
(async) load(actualSrc) → {Promise}
- Source:
- Since:
- 1.2.1
请求图片资源
Parameters:
| Name | Type | Description |
|---|---|---|
actualSrc |
string | 请求图片地址 |
Returns:
- Type
- Promise