Bagaimana untuk menetapkan bulatan sempadan dalam halaman php

PHP ialah bahasa pengaturcaraan yang digunakan secara meluas yang popular secara meluas kerana kesederhanaan, kemudahan penggunaan dan pelbagai aplikasi. Dalam banyak projek pembangunan web, sempadan diperlukan untuk menghiasi antara muka tapak web untuk menjadikannya lebih menarik dan profesional. Walau bagaimanapun, jika anda menggunakan tetapan lalai, sempadan yang dijana akan mempunyai beberapa sudut tajam dan garis lurus, menyebabkan beberapa gangguan visual yang tidak perlu kepada pengguna. Oleh itu, dalam artikel ini kita akan meneroka bagaimana untuk menetapkan bulatan sempadan dalam php untuk menjadikan laman web anda lebih cantik.

1. Gunakan helaian gaya CSS untuk mencapai kebulatan sempadan

Bahasa PHP itu sendiri tidak menyokong tetapan sudut bulat bagi elemen div atau jadual, tetapi dengan menggunakan Helaian Gaya Cascading Style Sheets (CSS) untuk menetapkan atribut gaya jejari sempadan untuk mencapai kesan bulat. Sebagai contoh, apabila anda menggunakan helaian gaya pada elemen div, tambahkan sifat CSS berikut:

border: 2px solid #000;
border-radius: 20px;

Kod ini akan menambah sempadan hitam dengan ketebalan 2 piksel pada sempadan elemen div dan tetapkan sempadan Keempat-empat penjuru mempunyai kesan bulat 20 piksel. Dengan cara ini anda boleh menambahkan sempadan yang menarik perhatian ke tapak web anda dengan mudah.

2. Gunakan perpustakaan pihak ketiga untuk mencapai sempadan bulat

Selain menggunakan helaian gaya CSS, anda juga boleh menggunakan perpustakaan pihak ketiga untuk mencapai kesan daripada sempadan bulat. Antaranya, Border-Radius Polyfill ialah perpustakaan JavaScript yang melaksanakan sempadan bulat dalam pelayar lama dengan menggabungkan elemen DIV atau bentuk geometri dengan imej SVG untuk mencipta sudut bulat. Ia menyokong semua pelayar moden dan IE 6 dan ke atas, dan mudah digunakan. Berikut ialah cara memanggil pustaka ini:

<script type="text/javascript" src="border-radius.min.js"></script>

Selepas memanggil fail perpustakaan, anda boleh menggunakan kod helaian gaya berikut untuk memanggilnya:

.box {
  width: 200px;
  height: 100px;
  background: #ccc;
  border: 3px solid #c00;
  border-top-left-radius: 20px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 5px;
}

Kod ini akan mencipta fail bernama Elemen DIV kotak melukis sempadan bulat dengan jejari pembundaran yang berbeza. Pustaka ini menjadikannya pantas dan mudah untuk memberikan tapak web anda sempadan bulat yang cantik.

3 Gunakan perpustakaan ImageMagick untuk mencapai sempadan bulat

ImageMagick ialah suite perisian sumber terbuka untuk pemprosesan imej yang boleh digunakan untuk mencipta dan mengedit pelbagai gambar. dan foto. Jika anda tidak mahu menggunakan CSS dan JavaScript untuk menambah kesan sempadan bulat, maka anda boleh menggunakan ImageMagick untuk mencapai tujuan ini. Berikut ialah kod yang anda boleh gunakan untuk menambah sempadan bulat menggunakan pustaka ImageMagick:

function roundCorners($sourcePath, $cornersize, $borderWidth){
  $imagick = new \Imagick(realpath($sourcePath));
  $imagick-> roundCorners($cornersize,$cornersize,$cornersize,$cornersize);
  $imagick-> borderImage(new \ImagickPixel('white'), $borderWidth, $borderWidth);
  header('Content-Type: image/png');
  echo $imagick;
}

Kod ini akan memberikan anda kaedah roundCorners() yang membolehkan anda menentukan URL, saiz sudut dan jidar lebar imej asal. Kaedah itu kemudiannya akan menggunakan perpustakaan Imagick untuk menambah sempadan bulat pada imej asal. Akhirnya, ia akan mengembalikan imej format PNG dengan gaya sempadan bulat dalam penyemak imbas.

Ringkasan:

Tiga kaedah di atas adalah kaedah utama untuk menambah sempadan bulat semasa menulis tapak web dalam PHP. Anda boleh mencapai kesan ini dengan menggunakan helaian gaya CSS, perpustakaan pihak ketiga dan perpustakaan ImageMagick. Jika anda ingin mencapai kesan ini dengan cepat, anda boleh menggunakan helaian gaya CSS. Jika anda ingin meneroka lebih lanjut dan mengetahui lebih lanjut tentang teknologi baharu, anda boleh memilih untuk menggunakan pelaksanaan perpustakaan lain. Dengan melaksanakan sempadan yang cantik dan bulat, anda boleh menyediakan pengguna anda antara muka tapak web yang lebih profesional dan menarik.

Atas ialah kandungan terperinci Bagaimana untuk menetapkan bulatan sempadan dalam halaman php. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!