"إذا أراد العامل أن يؤدي عمله بشكل جيد، فعليه أولاً أن يشحذ أدواته." - كونفوشيوس، "مختارات كونفوشيوس. لو لينجونج"
الصفحة الأمامية > برمجة > لماذا لا تتوسع رموز SVG بشكل صحيح في Internet Explorer؟

لماذا لا تتوسع رموز SVG بشكل صحيح في Internet Explorer؟

تم النشر بتاريخ 2025-01-26
تصفح:366

Why Aren't My SVG Symbols Scaling Correctly in Internet Explorer?

لا يتم تغيير حجم رموز SVG بشكل صحيح في IE: مساحة إضافية

يحتوي Internet Explorer على خطأ طويل الأمد حيث يقوم بشكل غير صحيح بتحجيم ملفات SVG بدون سمات العرض والارتفاع.

الحل

يوجد حل باستخدام خدعة تتضمن عنصر ، وهو IE المقاييس بشكل صحيح. يؤدي وضع بنفس نسبة العرض إلى الارتفاع مثل SVG داخل

إلى ضمان حجم SVG الصحيح.

CSS

canvas {
  display: block;
  width: 100%;
  visibility: hidden;
}

svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

أحدث البرنامج التعليمي أكثر>

تنصل: جميع الموارد المقدمة هي جزئيًا من الإنترنت. إذا كان هناك أي انتهاك لحقوق الطبع والنشر الخاصة بك أو الحقوق والمصالح الأخرى، فيرجى توضيح الأسباب التفصيلية وتقديم دليل على حقوق الطبع والنشر أو الحقوق والمصالح ثم إرسالها إلى البريد الإلكتروني: [email protected]. سوف نتعامل مع الأمر لك في أقرب وقت ممكن.

Copyright© 2022 湘ICP备2022001581号-3