From b2c0e85844afed932aacd0c48bd1397176c279bb Mon Sep 17 00:00:00 2001
From: keven <keven@fudaoyuan.icu>
Date: Sun, 14 Sep 2025 10:36:43 +0800
Subject: [PATCH] =?UTF-8?q?fix(front):=20=E4=BD=BF=E7=94=A8=20useDevicePix?=
 =?UTF-8?q?elRatio=20=E4=BC=98=E5=8C=96=20Pixi=20=E7=BB=84=E4=BB=B6?=
 =?UTF-8?q?=E7=9A=84=E5=88=86=E8=BE=A8=E7=8E=87=E8=AE=A1=E7=AE=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 front/components/Pixi.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/front/components/Pixi.vue b/front/components/Pixi.vue
index 93315ba..eeef4ba 100644
--- a/front/components/Pixi.vue
+++ b/front/components/Pixi.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { Application } from 'vue3-pixi'
-import { useElementSize } from '@vueuse/core'
+import { useElementSize, useDevicePixelRatio } from '@vueuse/core'
 
 export interface PixiExpose {
     app: Application
@@ -21,8 +21,8 @@ const height = computed(() => {
     if (containerHeight.value > contentHeight.value) return contentHeight.value
     return contentHeight.value
 })
-const resolution = computed(() => window?.devicePixelRatio || 1)
-
+const { pixelRatio } = useDevicePixelRatio()
+const resolution = computed(() => pixelRatio.value ?? 1)
 watchEffect(() => {
     if (app.value?.app?.renderer) {
         app.value?.app?.renderer?.resize(width.value, height.value)