This commit is contained in:
X1627315083
2024-03-15 17:23:25 +08:00
parent 3cdbd9e179
commit 5f9fe870c7
9 changed files with 289 additions and 177 deletions

View File

@@ -87,11 +87,11 @@
<i class="icon iconfont icon-xiangpi_huaban1" @click="setOperation('eraser')" :class="{active:operation == 'eraser'}"></i>
</div>
<div class="exportCanvasBox_left_tool_item">
<label>
<label v-show="operation != 'move' && operation != 'eraser'">
<div >Color</div>
<input type="color" @input="setPencilColor" v-model="canvasPencilColor">
</label>
<label>
<label v-show="operation != 'move'">
<div >Size:</div>
<input type="range" @input="setPencilWidth" min="1" max="50" v-model="canvasPencilWidth">
</label>
@@ -191,7 +191,7 @@ import { useStore } from "vuex";
import JSZip, { forEach } from "jszip";
import { message, Modal } from "ant-design-vue";
const FileSaver = require("file-saver");
import { getWHXY,JSRectUpdata,JSchangeType,JScanvasMouseDown,JScanvasMouseMove,JScreateCheck } from "@/tool/canvasDrawing";
import { exportSele,JSRectUpdata,JSchangeType,JScanvasMouseDown,JScanvasMouseMove,JScreateCheck } from "@/tool/canvasDrawing";
export default defineComponent({
components: {
scaleImage,
@@ -1069,13 +1069,10 @@ export default defineComponent({
}
}
}
let setHDExport = ()=>{//获取选中内容的位置信息
var activeObjects = canvas.getActiveObjects();
let wHXY = getWHXY(activeObjects)
var canvasOffset = canvas._offset
console.log(canvasOffset);
console.log(wHXY.width,wHXY.height,wHXY.x,wHXY.y);
console.log(activeObjects);
let setHDExport = async ()=>{//获取选中内容的位置信息
let imgData = await exportSele(canvas,'jpg')
console.log(imgData);
}
onMounted(() => {});
@@ -1221,6 +1218,8 @@ export default defineComponent({
.label_select{
img{
width: 100%;
max-height: 100%;
object-fit: contain;
}
}
}
@@ -1382,6 +1381,8 @@ export default defineComponent({
.label_select_item{
img{
width: 100%;
max-height: 100%;
object-fit: contain;
}
}
</style>