更新记录

1.0.0（2024-04-11） 下载此版本

图片亮度调节，输出图片格式为base64

平台兼容性

图片亮度调节插件使用说明

1.安装dom-to-image

npm i dom-to-image

2.插件使用代码示例

<template>
    <qiqi-imageBrightness :src="imgUrl" ref="d2" id="imgRef"></qiqi-imageBrightness>
    <slider style="width: 300px;" :min="-100" :max="100" @changing="sliderChange"
        :value="silderNum" />
    <button @click="canvas.saveLightImg">测试</button>
</template>
<script module="canvas" lang="renderjs">
    import domtoimage from 'dom-to-image';
    export default {
        methods: {
            saveLightImg(e, ownerVm) {
                const imgObj = document.getElementById("imgRef")
                domtoimage.toPng(imgObj).then(res => {
                    console.log(res)
                })
            }
        }
    }
</script>
<script>
    export default {
        data() {
            return {
                silderNum: 0,
                imgUrl: 'https://bkimg.cdn.bcebos.com/pic/a8014c086e061d950a7bea2564b81dd162d9f2d35cd3?x-bce-process=image/format,f_auto/quality,Q_70/resize,m_lfit,limit_1,w_536'
            }
        },
        methods: {
            sliderChange(event) {
                this.silderNum = event.detail.value;
                this.$refs.d2.onSliderChange(this.silderNum)
            }
        }
    }
</script>

3.使用效果预览

欢迎咨询交流

微信号：qiqi_v520

公众号：'撸毛党'