Canvas尺寸: {{ canvasWidth }} × {{ canvasHeight }} px
图片状态: {{ imageStatus }}
操作说明
1. 点击并按住图片开始拖拽
2. 拖动图片到蓝色目标区域
3. 释放手指完成拖放
图片URL:
{{ imageUrl }}
目标区域
目标位置: ({{ target.x }}, {{ target.y }})
尺寸: {{ target.width }} × {{ target.height }}
✅ 图片已在目标区域内
状态信息
{{ statusText }}
{{ dragCount }}
拖拽次数
{{ targetHits }}
命中目标
{{ Math.round(dragDistance) }}
移动距离
图片位置
X坐标: {{ image.x.toFixed(0) }} px
Y坐标: {{ image.y.toFixed(0) }} px
宽度: {{ image.width }} px
高度: {{ image.height }} px