vue-dot9 v1.0.1

Web端.9背景图片

基于vue 2.x的一个生成背景图片的一个插件,类似于Android的.9图片和CSS3中的border-image-slice,当图片背景需要适应多种尺寸大小,且不想令图片看起来模糊,可以尝试使用这个插件,生成的最终图片是base64数据

安装插件

npm i vue-dot9

基本使用

import Vue from 'vue';
import dot9 from 'vue-dot9';

Vue.use(dot9);

<div class="box3" v-dot9='option'></div>

data() {
    return {
        option: {
            source:require('../assets/border.png',
            resizable: false,
            sliceHorizontal: [24, 48],
            sliceVertical: [24, 48]
        }
    }
}

参数说明