vue图片裁剪组件_Vue.js图像裁剪组件

vue图片裁剪组件

Vuejs夹 (vuejs-clipper)

Vue.js image clipping components using Vue-Rx.

使用Vue-Rx的Vue.js图像裁剪组件。

View demo 查看演示 Download Source 下载源

• Add image clipping components to your Vue application in nothing flat.

  无需任何操作即可将图像剪辑组件添加到Vue应用程序。

• Touch devices supported and fully responsive.

  触摸设备受支持且响应Swift。

版本发布 (Version Released)

• 0.2.7

  0.2.7

  • fixed build scripts.
    固定的构建脚本。

• 0.2.6

  0.2.6

  • clipper-fixed has new prop: round.
    快船固定有新的支撑：圆形。
  • input when uploading the same file.input 。
  • update examples at the homepage.
    在主页上更新示例。

• 0.2.5

  0.2.5

  • URL.revokeObjectURL to release memory.URL.revokeObjectURL释放内存。
  • Fixed clipper-range two way binding.
    修复了Clipper-range双向绑定的问题。

• 0.2.4

  0.2.4

  • Fixed clipper-basic initial clip area size over the container.
    在容器上固定Clipper基本初始裁剪区域的大小。
  • Update readme (imgRatio).
    更新自述文件(imgRatio)。

• 0.2.3

  0.2.3

  • update package.json
    更新package.json

• 0.2.2

  0.2.2

  • Fixed clipper-fixed bug: load event not call
    修复了Clipper修复的错误：无法调用加载事件

• 0.2.1

  0.2.1

  • new component clipper-upload
    新组件Clipper-Upload
  • add error/load event to clipper-basic/clipper-fixed
    将错误/加载事件添加到clipper-basic / clipper-fixed
  • correct and update readme
    更正并更新自述文件

• 0.1.1

  0.1.1

  • add license
    添加许可证
  • use travis-ci build
    使用travis-ci构建
  • delete some unused-vars
    删除一些未使用的变量

• 0.1.0

  0.1.0

  • First Released
    首次发布

注意 (Notice)

Before using the plugin & components, here's something you should know :

在使用插件和组件之前，您应该了解以下几点：

• It's based on vue-rx.

  它基于vue-rx 。

• Use vuejs-clipper plugin also add vue-rx plugin to vue.

  使用vuejs-clipper插件还将vue-rx插件添加到vue。

• Components are responsive base on width instead of height.

  组件根据宽度而不是高度做出响应。

• You can clip your own images (local uploaded images or images served on your site), but you cannot clip a cross-origin image.

  您可以剪切自己的图像(本地上传的图像或站点上提供的图像)，但不能剪切跨源图像。

• Components' input is an image URL, output is a canvas element, they only help you clip images to canvas, you need to handle other things like transform file input to image URL or transform output canvas to image by yourself.

  组件的输入是图像URL， 输出是canvas元素，它们仅帮助您将图像剪切到画布，您需要处理其他事情，例如将文件输入文件转换为图像URL或将输出画布转换为图像 。