react image filler

ตอบสนองฟิลเลอร์ภาพ

React Image Filler เป็นส่วนประกอบของปฏิกิริยาที่มีประโยชน์ที่ช่วยให้คุณสามารถสร้างภาพตัวยึดตำแหน่งที่มีคุณสมบัติที่ปรับแต่งได้เช่นความกว้างความสูงข้อความสีและสีพื้นหลัง สิ่งนี้มีประโยชน์อย่างยิ่งในสถานการณ์ที่คุณต้องจองพื้นที่สำหรับรูปภาพที่ยังไม่ได้โหลดหรือเป็นตัวเลือก

สารบัญ

1. การติดตั้ง
2. การใช้งาน
3. API
4. การบริจาค

การติดตั้ง

npm install react-image-filler --save
# or
yarn add react-image-filler

การใช้งาน

 import ImageFiller from 'react-image-filler' ;

const App = ( ) => {
    return (
        < div >
            < ImageFiller width = { 200 } height = { 200 } />
        </ div >
    ) ;
} 

API

ข้อต่อ	พิมพ์	ค่าเริ่มต้น	คำอธิบาย
width	ตัวเลข	100	ความกว้างของภาพ
height	ตัวเลข	100	ความสูงของภาพ
text	สาย	ผู้ถือครองตำแหน่ง	ข้อความของภาพ
color	สาย	#6a6a6a	สีข้อความของภาพ
background	สาย	#DDDDDD	สีพื้นหลังของภาพ

การบริจาค

การมีส่วนร่วมในโครงการโอเพ่นซอร์สเช่น React-Image-Filler อาจเป็นประสบการณ์ที่คุ้มค่า คุณไม่เพียง แต่จะพัฒนาทักษะการเข้ารหัสของคุณ แต่ยังมีส่วนร่วมในชุมชนนักพัฒนาที่กว้างขึ้น

หากคุณสนใจที่จะมีส่วนร่วมในโครงการนี้ไม่ว่าจะเป็นการปรับปรุงการแก้ไขข้อบกพร่องหรือคุณสมบัติใหม่นี่คือขั้นตอนที่คุณต้องทำตาม:

ขั้นตอนที่จะมีส่วนร่วม:

1. แยกโครงการและโคลนในพื้นที่: เริ่มต้นด้วยการออกโครงการไปยังบัญชี GitHub ของคุณซึ่งสร้างสำเนาที่เก็บของคุณเอง จากนั้นโคลนส้อมนี้ไปยังเครื่องในพื้นที่ของคุณเพื่อเริ่มทำงาน
2. สร้างสาขาฟีเจอร์: แทนที่จะทำงานโดยตรงกับสาขาหลักมันเป็นวิธีปฏิบัติที่ดีที่สุดในการสร้างสาขาใหม่สำหรับแต่ละคุณสมบัติหรือแก้ไขที่คุณกำลังดำเนินการ สามารถทำได้ด้วยคำสั่ง: git checkout -b feature/AmazingFeature
3. กระทำการเปลี่ยนแปลงของคุณ: หลังจากทำการเปลี่ยนแปลงให้ส่งข้อความที่ชัดเจนและรัดกุมอธิบายสิ่งที่คุณทำ สิ่งนี้สามารถทำได้ด้วยคำสั่ง: git commit -m 'Add some AmazingFeature'
4. ผลักดันการเปลี่ยนแปลงของคุณไปยัง GitHub: เมื่อการเปลี่ยนแปลงของคุณมีความมุ่งมั่นผลักพวกเขาไปที่สาขาบนที่เก็บข้อมูลของคุณใน GitHub สิ่งนี้สามารถทำได้ด้วยคำสั่ง: git push origin feature/AmazingFeature
5. เปิดคำขอดึง: ในที่สุดนำทางไปยังที่เก็บข้อมูลของคุณบน GitHub และคลิกที่ปุ่ม 'คำขอดึง' กรอกรายละเอียดที่จำเป็นและส่ง สิ่งนี้จะแจ้งผู้ดูแลโครงการเกี่ยวกับการมีส่วนร่วมของคุณและพวกเขาจะตรวจสอบการเปลี่ยนแปลงของคุณ
6. สนุก ?

ผู้เขียน

• Mahmoud Ibrahiam - นักพัฒนาส่วนหน้า

ถ้าคุณชอบแพ็คเกจนี้โปรดทิ้งดาวไว้