s-clip-path v0.1.4

形状集合

利用 css clip-path 属性 裁剪形状 持续迭代中...

安装

yarn add s-clip-path --save
# OR
npm install s-clip-path --save

升级

npm update s-clip-path
# OR
yarn upgrade s-clip-path

使用

引入

import sClipPath from "s-clip-path";

注册

components: { sClipPath },

调用

<s-clip-path :option="option" />

参数

option: {
    width: "100px",
    height: "100px",
    bgColor: "",
    bgImg: {
        url: "https://gitee.com/SuHangWeb/uPic/raw/master/uPic/pFxr5i.jpeg",
        mode: "cover",
    },
    shape: {
        type: "triangle",
        mode: "top",
    },
},

option

bgImg

shape