|
@@ -18,7 +18,7 @@
|
|
|
ref="elementRef"
|
|
ref="elementRef"
|
|
|
:style="{
|
|
:style="{
|
|
|
width: elementInfo.vertical ? 'auto' : elementInfo.width + 'px',
|
|
width: elementInfo.vertical ? 'auto' : elementInfo.width + 'px',
|
|
|
- height: elementInfo.vertical ? elementInfo.height + 'px' : 'auto',
|
|
|
|
|
|
|
+ height: elementInfo.vertical ? elementInfo.height + 'px' : elementInfo.height + 'px',
|
|
|
backgroundColor: elementInfo.fill,
|
|
backgroundColor: elementInfo.fill,
|
|
|
opacity: elementInfo.opacity,
|
|
opacity: elementInfo.opacity,
|
|
|
textShadow: shadowStyle,
|
|
textShadow: shadowStyle,
|
|
@@ -27,6 +27,9 @@
|
|
|
color: elementInfo.defaultColor,
|
|
color: elementInfo.defaultColor,
|
|
|
fontFamily: elementInfo.defaultFontName,
|
|
fontFamily: elementInfo.defaultFontName,
|
|
|
writingMode: elementInfo.vertical ? 'vertical-rl' : 'horizontal-tb',
|
|
writingMode: elementInfo.vertical ? 'vertical-rl' : 'horizontal-tb',
|
|
|
|
|
+ display: 'flex',
|
|
|
|
|
+ alignItems: 'center',
|
|
|
|
|
+ overflow: hidden,
|
|
|
}"
|
|
}"
|
|
|
v-contextmenu="contextmenus"
|
|
v-contextmenu="contextmenus"
|
|
|
@mousedown="$event => handleSelectElement($event)"
|
|
@mousedown="$event => handleSelectElement($event)"
|