移动端图片裁剪(vue)

直接上代码 代码复制即可用,当然css样式你的改动 (可复制全码在最下面)

.Cbox {

  padding: 0.2rem;

}

.canvas-box {

  position: relative;

  border: 0.01rem solid #ccc;

}

canvas {

}

.mark {

  position: absolute;

  width: 5rem;

  height: 5rem;

  background-color: rgba(0, 0, 0, 0.4);

}

.file {

  display: none;

}

.button-box button {

  background: skyblue;

  border: none;

  padding: 0.5rem 1rem;

}