修改拖选工具

src/utils/common.js

@@ -182,7 +182,7 @@ export const styles = {
 		// }
 
 		//console.log("attr,value")
-		console.log(attr,value)
+		//console.log(attr,value)
 
 		switch (attr) {
 			case 'rotation':

src/views/Editor/Playground.vue

@@ -4,9 +4,21 @@
 		<div class="draw-body">
 			<div class="playground-con">
 				<!-- <label class="el-form-item__label">滑动滚轮进行缩放</label> -->
-				<el-button size="mini" @click="setZoom(true)"><i class="el-icon-plus"></i></el-button>
-				<el-input class="el-input el-input--mini" :value="parseInt(zoom*100)+'%'" style="width:60px" readonly/>
-				<el-button size="mini" @click="setZoom(false)"><i class="el-icon-minus"></i></el-button>
+				
+				
+				<el-form :inline="true" class="filter-bar" size="mini" @submit.native.prevent>
+					<el-form-item>
+						<el-button size="mini" @click="setZoom(true)"><i class="el-icon-plus"></i></el-button>
+						<el-input class="el-input el-input--mini" :value="parseInt(zoom*100)+'%'" style="width:60px" readonly/>
+						<el-button size="mini" @click="setZoom(false)"><i class="el-icon-minus"></i></el-button>
+					</el-form-item>
+					<el-form-item>
+						<el-checkbox
+							v-model="overFlowState"
+							size="mini">舞台边缘裁剪
+						</el-checkbox>
+					</el-form-item>
+				</el-form>
 			</div>
 
 			<div class="zero-playground-body-center" :style="playgroundStyle" >
@@ -34,7 +46,8 @@ export default {
   data () {
     return {
 	   zoom:0.5,
-	   hasCtrlState:false
+	   hasCtrlState:false,
+	   overFlowState:false
     }
 	},
   methods: {
@@ -73,7 +86,8 @@ export default {
 	keyDo(state){
 		console.log(state)
 		this.hasCtrlState=state;
-	}
+	},
+	overFlowCon(){}
   },
   computed: {
 	playgroundStyle(){
@@ -81,6 +95,11 @@ export default {
 		let style={
 			zoom:`${this.zoom}`
 		}
+		if(this.overFlowState){
+			style.overflow="hidden"
+		}else{
+			style.overflow="initial"
+		}
 		console.log(1213,style)
 		return style
 	},