Imagvue
made with Vuejs

Imagvue

这是一个图像处理组件

相关问答
暂无相关问题
查看全部
简介及使用教程

Imagvue是一个图像处理组件,提供基本的图像处理,例如大小、模糊、对比度、灰度等,支持图像延迟加载,并且所有属性都可以与数据绑定。

可以看到,Imagvue是通过Vue.js改变图像本身的CSS属性来实现图像处理。

安装

Npm

npm i imagvue

Yarn

yarn add imagvue

浏览器

<script src='https://cdn.jsdelivr.net/npm/imagvue@0.0.5/dist/imagvue.min.js'></script>

使用

import imagvue from 'imagvue'

export default {
  name: 'app',
  components: {
    imagvue,
  },
  data(){
    return {
      url: 'https://source.unsplash.com/random',
      localURL: require('./imagvue.png'),
    }
  }
}

使用组件

<imagvue v-model="url" width="400" height="600"></imagvue>

示例

image.png

image.png

image.png

image.png

作者

Willy Hong

相关项目

这是一个基于Vue的图像墙组件。
这是一个图片显示视差指令。
这是一个可以用手指或鼠标在浏览器内绘制svg路径的APP。
这是一个根据鼠标悬停缩放响应式的图像组件。
这是一个简单美观的图片上传工具。
这是一个可以让2张图像之间的差异突出现实的组件。
这一个基于Vue.js的灯箱组件,无其他依赖。