青梧 UI

点击头像编辑

支持选择/拖入图片、拖动定位、缩放、左右 90° 旋转与圆角率调节;确认后本地导出 Blob 和 dataURL。

new AvatarEditor(host, {
  initialUrl: "/logo.png",
  outputSize: 256,
  onConfirm({ blob, dataUrl, width, height }) {
    console.log(blob, dataUrl, width, height);
  },
});

导出结果

确认后展示输出尺寸、圆角与 dataURL 前缀,Blob 可直接交给宿主上传。

先点击头像并确认一次编辑。