添加导出gap
This commit is contained in:
34
src/component/Canvas/pingpu.vue
Normal file
34
src/component/Canvas/pingpu.vue
Normal file
@@ -0,0 +1,34 @@
|
||||
<template>
|
||||
<div class="pingpu" ref="el"><canvas ref="canvasRef"></canvas></div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import {
|
||||
defineComponent,
|
||||
ref,
|
||||
reactive,
|
||||
nextTick,
|
||||
toRefs,
|
||||
inject,
|
||||
watch,
|
||||
computed,
|
||||
} from "vue";
|
||||
const props = defineProps({
|
||||
url: { type: String, required: true },
|
||||
positionX: { type: Number, default: 0 },// px
|
||||
positionY: { type: Number, default: 0 },// px
|
||||
angle: { type: Number, default: 0 },// 角度
|
||||
size: { type: Number, default: 100 },// %
|
||||
gapX: { type: Number, default: 0 },// px
|
||||
gapY: { type: Number, default: 0 },// px
|
||||
});
|
||||
console.log("==========", props);
|
||||
</script>
|
||||
|
||||
<style lang='less' scoped>
|
||||
.pingpu {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: #f00;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user