مولد العنصر النائب SVG

قم بإنشاء صور SVG لاستخدامها كعنصر نائب في تطبيقاتك.

العرض (بالبكسل)

خلفية

الارتفاع (بالبكسل)

لون النص

حجم الخط

نص مخصص

استخدم الحجم الدقيق

عنصر SVG HTML

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 350" width="600" height="350">
  <rect width="600" height="350" fill="#cccccc"></rect>
  <text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle" font-family="monospace" font-size="26px" fill="#333333">600x350</text>
</svg>

SVG في Base64

data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MDAgMzUwIiB3aWR0aD0iNjAwIiBoZWlnaHQ9IjM1MCI+CiAgPHJlY3Qgd2lkdGg9IjYwMCIgaGVpZ2h0PSIzNTAiIGZpbGw9IiNjY2NjY2MiPjwvcmVjdD4KICA8dGV4dCB4PSI1MCUiIHk9IjUwJSIgZG9taW5hbnQtYmFzZWxpbmU9Im1pZGRsZSIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZm9udC1mYW1pbHk9Im1vbm9zcGFjZSIgZm9udC1zaXplPSIyNnB4IiBmaWxsPSIjMzMzMzMzIj42MDAqMzUwPC90ZXh0PiAgIAo8L3N2Zz4=

ما هو العنصر النائب؟

عادةً ما يُستخدم العنصر النائب، ويُسمى أيضًا PlaceHolder باللغة الإنجليزية، في السيناريوهات التي لا يكون فيها المحتوى الفعلي مطلوبًا ولكن يجب الاحتفاظ بموضعه، مثل: العناصر النائبة للنص، والعناصر النائبة للصور. توفر هذه الأداة وظيفة إنشاء صور العناصر النائبة. صورة العنصر النائب التي تم إنشاؤها بتنسيق SVG. تكتمل عملية إنشاء SVG على العميل (المتصفح)، وهي سريعة للغاية، لذلك تسمى هذه الأداة أيضًا أداة العنصر النائب SVG.
يتم استخدام العنصر النائب بشكل أساسي في تصميم النموذج الأولي لصفحة الويب (APP)، وعرض PPT، وتعليمات التشغيل والسيناريوهات الأخرى. المعنى المنقول هو: ما نوع الصورة التي سيتم وضعها هنا، وحجمها هو xxx بكسل. في السيناريوهات المذكورة أعلاه، يمكن أن يؤدي استخدام العناصر النائبة إلى تجنب التكلفة الزمنية للبحث عن الصور في كل مرة.