更新记录

1.0.2（2025-02-27）

更改为uni_modules插件

1.0.1（2021-01-20）

1.0.1：

1. H5下滑出现浏览器内核标识问题；
2. ios setGlobalAlpha设置透明度失败问题

1.0.0（2021-01-19）

H5服务器停了，后续加上

平台兼容性

uni-app

mosowe-clip-image：一个多边形图片裁剪插件

插件功能

支持多边形图片裁剪，试一试，你会发现可以把图片裁成奇奇怪怪的形状

图片来源：目前从相册选择

平台支持：

属性

slots

事件

示例

<mosowe-clip-image
  :side="side"
  :radius="radius"
  :rect="rect"
  :rectW="rectW"
  :rectH="rectH"
  :globalAlpha="globalAlpha"
  :inner="inner"
  :innerTimes="innerTimes"
  @clipImageAfter="prevImage" />

<script>
export default {
  name: 'canvas-clip-image',
  components: {},
  data() {
    return {
      showComponent: false,
      side: 3,
      radius: 150,
      rect: false,
      rectW: 300,
      rectH: 300,
      globalAlpha: 0.6,
      inner: false,
      innerTimes: 2.5
    };
  },
  // 页面方法
  methods: {
    // 预览
    prevImage(res) {
      this.showComponent = false;
      uni.previewImage({
        current: 0,
        urls: [res]
      });
    },
    show() {
      this.showComponent = true;
    }
  }
};
</script>

版本修復

1.0.1： 1. H5 下滑出现浏览器内核标识问题； 2. ios setGlobalAlpha 设置透明度失败问题

1.0.2(未上线) 1. 修复双指操作时的一些问题 2. 裁剪的图片宽高为 radius*2