导出图片添加印花平铺判断

This commit is contained in:
李志鹏
2026-01-14 11:26:51 +08:00
parent d75e956fbf
commit dbe4557dc3
12 changed files with 523 additions and 887 deletions

View File

@@ -1000,6 +1000,8 @@ defineExpose({
isContainBg = false, // 是否包含背景图层
isContainFixed = false, // 是否包含固定图层
isContainFixedOther = false, // 是否包含其他固定图层
isPrintTrimsNoRepeat = true, // 是否包含印花图层的不平铺
isPrintTrimsRepeat = true, // 是否包含印花图层的平铺
isCropByBg = false, // 是否使用背景大小裁剪 // 如果为true则导出时裁剪到背景图层大小
layerId = "", // 导出具体图层ID
layerIdArray = [], // 导出多个图层ID数组
@@ -1010,6 +1012,8 @@ defineExpose({
isContainBg,
isContainFixed,
isContainFixedOther,
isPrintTrimsNoRepeat,
isPrintTrimsRepeat,
isCropByBg,
layerId,
layerIdArray,
@@ -1250,7 +1254,7 @@ defineExpose({
/>
<!-- 部件选取面板 -->
<PartSelectorPanel
<!-- <PartSelectorPanel
v-if="canvasManagerLoaded && !enabledRedGreenMode"
:canvas="canvasManager && canvasManager.canvas"
:commandManager="commandManager"
@@ -1259,7 +1263,7 @@ defineExpose({
:canvasManager="canvasManager"
:toolManager="toolManager"
:activeTool="activeTool"
/>
/> -->
<!-- 文本编辑面板 -->
<TextEditorPanel
@@ -1414,6 +1418,7 @@ defineExpose({
/* background-color: #f8f8f8; */
:deep(.canvas-container) {
position: absolute !important;
filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.1));
}
}
@@ -1426,33 +1431,31 @@ defineExpose({
}
.background-grid {
--offsetX: 0px;
--offsetY: 0px;
--size: 8px;
--color: #dedcdc;
--offsetX: 50%;
--offsetY: 50%;
--size: 10px;
--color: rgba(229, 229,229,0.5);
background-image: -webkit-linear-gradient(
45deg,
var(--color) 25%,
90deg,
var(--color) 1px,
transparent 0,
transparent 75%,
var(--color) 0
),
-webkit-linear-gradient(45deg, var(--color) 25%, transparent 0, transparent
75%, var(--color) 0);
background-image: linear-gradient(
45deg,
var(--color) 25%,
-webkit-linear-gradient(
0,
var(--color) 1px,
transparent 0,
);
background-image:linear-gradient(
90deg,
var(--color) 1px,
transparent 0,
transparent 75%,
var(--color) 0
),
linear-gradient(
45deg,
var(--color) 25%,
0,
var(--color) 1px,
transparent 0,
transparent 75%,
var(--color) 0
);
background-color: #fafafa;
background-position: var(--offsetX) var(--offsetY),
calc(var(--size) + var(--offsetX)) calc(var(--size) + var(--offsetY));
background-size: calc(var(--size) * 2) calc(var(--size) * 2);