Global

Methods

install(Vue, optionsopt)

Source:
Since:
  • 2.0.0

又拍云图片处理工具注册函数
处理规则请参考又拍云文档

若想针对某个值使用默认值,则传入null值即可

Parameters:
Name Type Attributes Default Description
Vue Vue

Vue类

options object <optional>
{}

配置选项

Properties
Name Type Attributes Default Description
debug boolean <optional>
false

是否开启日志调试模式

maxDPR number <optional>
3

(>=4)g网络或者'unknow'未知网络下,DPR取值的最大数

draftRatio number <optional>
2

UI设计稿尺寸与设备物理尺寸的比例

scale string <optional>
'both'

又拍云图片尺寸缩放方式,默认宽度进行自适应,超出尺寸进行裁剪,若自定义尺寸大于原尺寸时,自动缩放至指定尺寸再裁剪

quality number <optional>
90

又拍云jpg格式图片压缩质量

rules string <optional>
''

又拍云图片处理的其他规则

minWidth number <optional>

默认值是(当前设备的物理分辨率 * 当前实际设备像素比的) 二分之一

networkHandler function <optional>
'unknow'

获取网络制式的处理函数,若不存在,返回unknow

image-format(src, sizeOrConfigopt, scaleopt, nullable, formatopt, nullable, qualityopt, nullable, rulesopt)

Source:
Since:
  • 2.0.0

vue过滤器:image-format

Parameters:
Name Type Attributes Default Description
src string

图片地址,第一个参数vue组件会自动传入,无须管理

sizeOrConfig number | string | object <optional>

裁剪尺寸,取设计稿中的尺寸即可,该值如果是一个字典格式的配置对象,则会其他参数选项的值

scale string <optional>
<nullable>
'both'

缩放方式

format string <optional>
<nullable>

图片格式化,系统会根据多种情况来最终确定该值的默认值

quality number <optional>
<nullable>
90

若输出jpg格式图片时的压缩质量

rules string | object <optional>
''

又拍云图片处理的的其他规则,注意,如果它是一个字符串格式是,那么它必须是采用/[key]/[value]这样的写法,不能随意乱写,同时这里的值不会覆盖前几个参数的值,该项的优先级最低