Vite + Vue + TS

vue3-puzzle-vcode DEMO

基本

调整拼图块尺寸(puzzleScale, 单位：倍率，默认1)

调整滑块尺寸(sliderSize, 单位：px, 默认50)

自定义图片

图片宽高比例无所谓，最好是长方形，最后会以cover方式赋给canvas

内嵌模式

用一个容器包裹,然后自定义容器的样式

拖动滑块完成拼图

你依然可以传递:show="true/false"来控制是否渲染和刷新

或者直接:show="true",然后

      <Vcode ref="vcode" :show="true" />

      const vcode = ref(null);
      vcode.value.reset(); // 手动刷新内部状态