背景填充
uploadBackgroundImage(files)">
起点颜色:
updateBackground({ gradientColor: [value, background.gradientColor![1]] })"
/>
终点颜色:
updateBackground({ gradientColor: [background.gradientColor![0], value] })"
/>
渐变角度:
updateBackground({ gradientRotate: 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 },
]"
/>
全局主题
更多
字体:
updateTheme({ fontName: value as string })"
:options="[
...availableFonts,
...WEB_FONTS
]"
/>
字体颜色:
updateTheme({ fontColor: value })"
/>
背景颜色:
updateTheme({ backgroundColor: value })"
/>
主题色:
updateTheme({ themeColor: value })"
/>
边框样式:
updateTheme({ outline: { ...theme.outline, style: value as 'dashed' | 'solid' } })"
:options="[
{ label: '实线边框', value: 'solid' },
{ label: '虚线边框', value: 'dashed' },
]"
/>
边框颜色:
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 } })"
/>
预置主题