feat: 加载默认背景图,支持点击更换背景

This commit is contained in:
Zhukj
2026-04-20 14:23:31 +08:00
parent b312a6518c
commit 9db7301f24
2 changed files with 35 additions and 0 deletions

View File

@@ -207,6 +207,9 @@
// 初始化文本编辑器工具栏
initTextEditorToolbar();
// 加载默认背景图
loadDefaultBackground();
// 显示长按提示
setTimeout(() => {
longPressTip.classList.add('show');
@@ -216,6 +219,38 @@
}, 1000);
}
// 加载默认背景图
function loadDefaultBackground() {
const defaultBgUrl = './images/default-bg.jpg';
const img = new Image();
img.onload = () => {
currentImage = img;
bgImage.src = img.src;
imageContainer.classList.remove('empty');
emptyTip.classList.add('hidden');
// 计算图片尺寸和边界
calculateImageBounds();
// 背景图选择后默认居中显示
imageOffsetX = 0;
// 重置缩放
bgImageScale = 1;
bgScaleSlider.value = 100;
bgScaleValue.textContent = '100%';
// 重置透明度
bgImageOpacity = 1;
bgOpacitySlider.value = 100;
bgOpacityValue.textContent = '100%';
updateBgImage();
// 显示预设的文本输入框
showPresetTextInputs();
};
img.onerror = () => {
console.log('默认背景图加载失败,使用空状态');
};
img.src = defaultBgUrl;
}
// 加载图片
function loadImage(file) {
const reader = new FileReader();