From 8522ef2481b45f7b0d854679eaedb2a4c5271261 Mon Sep 17 00:00:00 2001
From: 闫增涛 <1829501689@qq.com>
Date: 星期一, 01 七月 2024 11:17:24 +0800
Subject: [PATCH] 戏剧添加涂色题
---
src/components/graffiti/index.vue | 13 +++++++++----
1 files changed, 9 insertions(+), 4 deletions(-)
diff --git a/src/components/graffiti/index.vue b/src/components/graffiti/index.vue
index 11c1519..0b0b54a 100644
--- a/src/components/graffiti/index.vue
+++ b/src/components/graffiti/index.vue
@@ -1,6 +1,6 @@
<!-- 娑傝壊杩炵嚎棰樻帶浠� -->
<template>
- <div class="page">
+ <div class="page" :style="{height:imgHeight + 120 + 'px'}">
<div class="main">
<div id="canvas_panel">
<canvas
@@ -32,6 +32,12 @@
},
bcImg:{
type:String
+ },
+ imgWidth:{
+ type:Number
+ },
+ imgHeight:{
+ type:Number
}
},
data() {
@@ -122,7 +128,7 @@
imgData.setAttribute('crossOrigin', '');
}
imgData.onload = () => {
- this.context.drawImage(imgData,0,0)
+ this.context.drawImage(imgData,0,0,this.imgWidth,this.imgHeight)
}
}
resetCanvas();
@@ -218,7 +224,7 @@
imgData.setAttribute('crossOrigin', '');
}
imgData.onload = () => {
- this.context.drawImage(imgData,0,0)
+ this.context.drawImage(imgData,0,0,this.imgWidth,this.imgHeight)
}
},
// 淇濆瓨鐢诲竷鑳屾櫙鍜屽垝绾垮埌鏈湴鏂规硶
@@ -280,7 +286,6 @@
display: flex;
flex-direction: column;
width:100%;
- height: 866px;
}
.main {
--
Gitblit v1.9.1