feat: 加载默认背景图,支持点击更换背景
This commit is contained in:
35
js/script.js
35
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();
|
||||
|
||||
Reference in New Issue
Block a user