支持水印排列

御魂2,4,6属性简称
修正截图大小
式神,御魂信息更新

src/components/Watermark.vue

@@ -6,7 +6,7 @@
 </template>
 
 <script setup>
-import { onMounted, ref } from 'vue';
+import { onMounted,watch, ref } from 'vue';
 
 const props = defineProps({
   text: {
@@ -31,6 +31,8 @@ onMounted(() => {
   createWatermark();
 });
 
+
+
 const createWatermark = () => {
   const canvas = document.createElement('canvas');
   const ctx = canvas.getContext('2d');
@@ -78,6 +80,9 @@ const createWatermark = () => {
   // });
   // observer.observe(container);
 };
+
+// 响应props变化
+watch(() => [props.text, props.font, props.color, props.angle], createWatermark);
 </script>
 
 <style scoped>