除了颜色选择图片,注册页面

This commit is contained in:
X1627315083
2024-06-26 17:26:31 +08:00
parent 15077d37ea
commit c661454590
43 changed files with 1494 additions and 271 deletions

View File

@@ -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,