add image crop support

This commit is contained in:
Shuanglei Tao
2025-08-01 02:29:58 +08:00
parent 4a31862e22
commit b708a01b1d
4 changed files with 299 additions and 33 deletions

View File

@@ -257,6 +257,11 @@ code {
margin: 0 auto;
}
.canvas-container.crop #canvas {
border: 2px dashed var(--primary-color);
cursor: grab;
}
button {
padding: 0.375rem 0.75rem;
border: 1px solid var(--primary-color);
@@ -367,10 +372,21 @@ canvas.text-placement-mode {
justify-content: center;
}
.text-tools {
.text-tools,
.crop-tools {
display: none;
}
.canvas-container.crop .tool-buttons,
.canvas-container.crop .brush-buttons,
.canvas-container.crop .text-tools {
display: none;
}
.canvas-container.crop .crop-tools {
display: flex;
}
.tool-button {
width: 36px;
height: 36px;