|
@@ -350,7 +350,7 @@ const zoomLevel = ref(100)
|
|
|
|
|
|
|
|
const layers = ref([])
|
|
const layers = ref([])
|
|
|
const selectedLayerId = ref(null)
|
|
const selectedLayerId = ref(null)
|
|
|
-const maintainAspectRatio = ref(true) // 默认启用等比例缩放
|
|
|
|
|
|
|
+const maintainAspectRatio = ref(false) // 默认不锁定宽高比例,宽高可自由调整
|
|
|
|
|
|
|
|
// 拖拽状态
|
|
// 拖拽状态
|
|
|
const dragState = reactive({
|
|
const dragState = reactive({
|
|
@@ -897,7 +897,6 @@ const handleLayerMouseDown = (e, layer) => {
|
|
|
// 如果图层被锁定,禁止拖拽
|
|
// 如果图层被锁定,禁止拖拽
|
|
|
if (layer.locked) {
|
|
if (layer.locked) {
|
|
|
selectedLayerId.value = layer.id
|
|
selectedLayerId.value = layer.id
|
|
|
- ElMessage.warning('图层已锁定,无法移动')
|
|
|
|
|
return
|
|
return
|
|
|
}
|
|
}
|
|
|
|
|
|
|
@@ -1285,12 +1284,11 @@ const handleCanvasWheel = (e) => {
|
|
|
position: absolute;
|
|
position: absolute;
|
|
|
cursor: move;
|
|
cursor: move;
|
|
|
user-select: none;
|
|
user-select: none;
|
|
|
- border: 2px solid transparent;
|
|
|
|
|
- transition: border-color 0.2s;
|
|
|
|
|
|
|
+ transition: box-shadow 0.2s;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.layer.selected {
|
|
.layer.selected {
|
|
|
- border-color: #409eff;
|
|
|
|
|
|
|
+ box-shadow: 0 0 0 2px #409eff;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.layer img {
|
|
.layer img {
|