vue裁剪插件cropperjs详解

JavaScript035

vue裁剪插件cropperjs详解,第1张

1.引入cropperjs

2.使用插件

详细参数如下(部分)

仓库地址

注意:如果方法没有被设置返回任何值,那么它会返回一个cropper的实例 因此多个方法可以使用链式写法

你好,请问你是想问cropperjs文档需要裁剪的图片没居中怎么办吗?cropperjs文档需要裁剪的图片没居中这样做:

1、首先把css和js引进来。

2、然后编写代码结构。

3、最后设置弹出框水平垂直居中,弹出图片裁剪框,图像上传。

如果需要固定裁剪框的大小可以在cropper初始化的时候设置aspectRatio参数的值。

<script>

var cropper = new Cropper('画布id',{

aspectRatio:16/9,

})

</script>

格式:宽/高。如16/9代表将宽设置为16,高设置为9。