除了颜色选择图片,注册页面
This commit is contained in:
@@ -27,10 +27,10 @@
|
||||
<div>Color</div>
|
||||
<input type="color" v-model="fill">
|
||||
</div>
|
||||
<div class="clearSlogan_center_btn_item">
|
||||
<!-- <div class="clearSlogan_center_btn_item">
|
||||
<div>font Size</div>
|
||||
<input type="Number" v-model="fontSize">
|
||||
</div>
|
||||
</div> -->
|
||||
<div class="clearSlogan_center_btn_item">
|
||||
<div>Font Align</div>
|
||||
<ul>
|
||||
@@ -105,6 +105,7 @@ export default defineComponent({
|
||||
let scale = 2;
|
||||
let exportWH = 512
|
||||
let canvasWH = ref(0);
|
||||
let isDeleteSlogan = ref(false)
|
||||
let textData = reactive({
|
||||
fill:'#000000',
|
||||
fontSize:'51',
|
||||
@@ -149,6 +150,13 @@ export default defineComponent({
|
||||
canvasWH.value = height
|
||||
scale = exportWH/canvasWH.value
|
||||
let oldCanvasDom = canvasBox.querySelector('.canvas-container')
|
||||
if(isDeleteSlogan.value && oldCanvasDom){
|
||||
oldCanvasDom.remove()
|
||||
canvas.remove(textbox);
|
||||
canvas.dispose();
|
||||
oldCanvasDom = null
|
||||
isDeleteSlogan.value = false
|
||||
}
|
||||
// if(oldCanvasDom)oldCanvasDom.remove()
|
||||
if(!oldCanvasDom){
|
||||
var canvasDom = document.createElement("canvas");
|
||||
@@ -160,7 +168,6 @@ export default defineComponent({
|
||||
isDrawingMode: false, // 开启绘图模式
|
||||
});
|
||||
canvas.on('object:moving',canvasMoving)
|
||||
|
||||
setTextFun('请输入\n一段话吧~')
|
||||
}
|
||||
|
||||
@@ -268,8 +275,8 @@ export default defineComponent({
|
||||
dom.style.left = domXY.x+'px'
|
||||
dom.style.top = (domXY.y + 5)+'px'
|
||||
}
|
||||
let textbox
|
||||
let setTextFun = (str)=>{
|
||||
let textbox
|
||||
textbox = new fabric.IText(str, {
|
||||
fontSize: 20,
|
||||
textAlign:'center'
|
||||
@@ -360,6 +367,7 @@ export default defineComponent({
|
||||
...toRefs(textData),
|
||||
...toRefs(textDataList),
|
||||
textBtnShow,
|
||||
isDeleteSlogan,
|
||||
t,
|
||||
init,
|
||||
setTextFun,
|
||||
|
||||
Reference in New Issue
Block a user