زوايا مدورة

Question

أتساءل ما هي أفضل طريقة لإنشاء زوايا مستديرة للصور برمجياً.يمكن أن يكون هذا إما باستخدام PHP أو جافا سكريبت.ستفعل الخوارزمية نفس الشيء أيضًا ويمكنني ترميزها باستخدام Image::Magick أو GD.

شكرا لك على وقتك.

Answer 1

وكنت تستخدم زوايا متعرج أو <وأ href = "HTTP: // شبكة الاتصالات العالمية. html.it/articoli/niftycube/index.html "يختلط =" نوفولو noreferrer "> مكعب أنيق

Answer 2

استخدم border-radius .

وكانت مدعومة من في IE9 +، فايرفوكس 4+، كروم، سفاري 5+، وأوبرا.

لأفضل دعم متصفح ممكن، يجب أن بادئة مع -webkit- و-moz-:

.round {
  /* Safari 3-4, iOS 1-3.2, Android 1.6- */
  -webkit-border-radius: 12px; 

  /* Firefox 1-3.6 */
  -moz-border-radius: 12px; 

  /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
  border-radius: 12px; 
}

إذا كنت في حاجة الى حل جافا سكريبت لالمتصفحات القديمة تحقق من مسج ركن .

Answer 3

حسنا، فإنه يعتمد على ما تحتاج إليه بالضبط. هل تريد الزوايا لتكون شفافة، أو شغل في بعض الألوان؟ الذي شكل صورة؟

وهنا هو بعض المساعدة لجعل تدوير زوايا: http://www.imagemagick.org/discourse-server/ viewtopic.php؟ و = 1 & ر = 8401

والتحقق من ذلك، وإذا كان لا يساعد، تحديث سؤالك مع مشكلة معينة. ثم يمكننا أن نساعد على الأرجح: -):

Answer 4

ويمكنك استخدام العلامات ذكر أعلاه مع CSS، وIE، استخدم DDRoundies مع بعض الرموز مسج والعمل على انجاحه في IE. وهو ما كان علي القيام به للحصول على عمل. خير مثال على ذلك هو http://swiftmailer.org/ الموقع. أنها تجعل استخدام ما أشرت إليه.

Answer 5

واستخدام جافا سكريبت للحصول على برمجيا زوايا الجولة

وOR

ويمكنك استخدام موزيلا ومتصفح السفاري ملحقات للحصول على جولة الزوايا باستخدام CSS ولكنها سوف تعمل فقط في موزيلا وسفاري

-moz-border-radius: 5px;
-webkit-border-radius: 5px;

Answer 6

هنا روابط لشخصين بي أتش بي الحلول القائمة:

1. تطبيق زوايا مستديرة على الصور هو برنامج PHP النصي الذي يتضمن زاوية مستديرة على الصورة نفسها
2. PHP النصي مولد الزاوية مدورة ينشئ أربع زوايا يمكنك وضعها فوق صورتك باستخدام تحديد موضع CSS - أو يمكنك استخدامها في تخطيطات CSS/HTML التي تتطلب مربعات ذات زوايا مستديرة.

Answer 7

وآخر واحد هو فئة Thumbnailer .