diff --git a/images/default-bg.jpg b/images/default-bg.jpg new file mode 100644 index 0000000..fae8f92 Binary files /dev/null and b/images/default-bg.jpg differ diff --git a/js/script.js b/js/script.js index f5aafdd..78eaff3 100644 --- a/js/script.js +++ b/js/script.js @@ -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();