背景填充
uploadBackgroundImage(files)">
updateGradientBackground({ colors: value })"
@update:index="index => currentGradientIndex = index"
/>
当前色块:
updateGradientBackgroundColors(value)"
/>
渐变角度:
updateGradientBackground({ rotate: value as number })"
style="width: 60%;"
/>
updateViewportRatio(value as number)"
:options="[
{ label: '宽屏 16 : 9', value: 0.5625 },
{ label: '宽屏 16 : 10', value: 0.625 },
{ label: '标准 4 : 3', value: 0.75 },
{ label: '纸张 A3 / A4', value: 0.70710678 },
{ label: '竖向 A3 / A4', value: 1.41421356 },
]"
/>
画布尺寸:{{ viewportSize }} × {{ toFixed(viewportSize * viewportRatio) }}
全局主题
更多
字体:
updateTheme({ fontName: value as string })"
:options="FONTS"
/>
字体颜色:
updateTheme({ fontColor: value })"
/>
背景颜色:
updateTheme({ backgroundColor: value })"
/>
边框颜色:
updateTheme({ outline: { ...theme.outline, color: value } })"
/>
边框粗细:
updateTheme({ outline: { ...theme.outline, width: value } })"
style="width: 60%;"
/>
水平阴影:
updateTheme({ shadow: { ...theme.shadow, h: value as number } })"
/>
垂直阴影:
updateTheme({ shadow: { ...theme.shadow, v: value as number } })"
/>
模糊距离:
updateTheme({ shadow: { ...theme.shadow, blur: value as number } })"
/>
阴影颜色:
updateTheme({ shadow: { ...theme.shadow, color: value } })"
/>
预置主题