vue fabric editor

ภาษาอังกฤษ | ชาวจีน

ตัวแก้ไขรูปภาพโอเพ่นซอร์ส·สถาปัตยกรรมปลั๊กอิน·การออกแบบการลากแล้ววาง·ฟังก์ชั่นเต็มรูปแบบ

ตัวแก้ไขรูปภาพปลั๊กอินพัฒนาขึ้นอยู่กับ Fabric.js และ Vue ซึ่งสามารถปรับแต่งฟอนต์, วัสดุ, เทมเพลตการออกแบบ, เมนูคลิกขวาและปุ่มลัด

การสาธิต·เอกสาร·การสาธิตฉบับที่ชำระเงิน·การแนะนำฉบับชำระเงิน

การแนะนำ

การออกแบบภาพอย่างรวดเร็ว Vue-Fabric-Editor เป็นตัวแก้ไขรูปภาพที่พัฒนาขึ้นตาม fabric.js และ Vue ซึ่งสามารถปรับแต่งฟอนต์วัสดุเทมเพลตการออกแบบเมนูคลิกขวาและปุ่มลัด

บทนำภาพเคลื่อนไหว·วิดีโอบทนำ

คุณสมบัติ

1. สถาปัตยกรรมปลั๊กอิน : สามารถขยายและพัฒนาผ่านปลั๊กอินรองรับเมนูคลิกขวาและปุ่มลัด
2. การออกแบบ Drag-Drop : ตัวแก้ไขกราฟิกที่มีน้ำหนักเบาและรัดกุมแทนที่จะเป็นเครื่องมือออกแบบติดตาม PS ที่มีขนาดใหญ่และสมบูรณ์แบบ
3. ฟังก์ชั่นที่สมบูรณ์ : การวิเคราะห์ PSD, เส้นเสริม, ประวัติ, การไล่ระดับสี, แบบอักษรที่กำหนดเอง, การปลูกพืชและฟังก์ชั่นอื่น ๆ

มีฟังก์ชั่นอยู่แล้ว

• นำเข้าไฟล์ JSON และ PSD
• ส่งออก PNG, SVG, ไฟล์ JSON
• ชุดค่าผสม/แยก
• ฟังก์ชันเลเยอร์
• คุณสมบัติการไล่ระดับสี
• ลักษณะที่ปรากฏ/แอตทริบิวต์ตัวอักษร/จังหวะ/เงา
• เลิกทำ/ทำซ้ำ
• คีย์ทางลัด
• เมนูคลิกขวา
• เส้นเสริม
• ไม้บรรทัด
• แบบอักษรที่กำหนดเอง
• วัสดุเทมเพลตที่กำหนดเอง
• แทรก SVG วัสดุรูปภาพ
• การจัดแนวแนวนอนหลายองค์ประกอบและแนวตั้ง
• การตั้งค่าแอตทริบิวต์พื้นหลัง
• ลูกศร/สาย
• การวาดแปรง/รูปหลายเหลี่ยม
• รหัส QR/บาร์โค้ด
• การเปลี่ยนภาพ/การครอบตัด/ตัวกรอง
• ลายน้ำ
• การทำให้เป็นสากล

ใช้

โปรดติดตั้ง node.js v16 และ pnpm ก่อนจากนั้นเรียกใช้คำสั่งต่อไปนี้:

 pnpm i
pnpm dev

บริการนักพัฒนา

• WeChat Communication Group : เราได้จัดตั้งกลุ่มสื่อสารโครงการ WeChat หลายกลุ่มและผู้เขียนและผู้ดูแลโครงการมีบทบาทในกลุ่มและตอบคำถามเป็นประจำ
• Fabric.js การสอนภาษาจีน : https://blog.kuaitu.cc
• Plange Planet : การอัปเดตข้อมูลที่เกี่ยวข้องในระยะยาวเกี่ยวกับบรรณาธิการโอเพนซอร์สและ Fabric.js การเร่งรัดแนวปฏิบัติที่ดีที่สุดการแบ่งปันประสบการณ์การพัฒนาตัวอย่างรหัส ฯลฯ

เวอร์ชันที่ชำระเงิน

ช่วยให้องค์กรต่างๆสร้างเครื่องมือออกแบบออนไลน์ ลดการลงทุนด้านการวิจัยและพัฒนาขององค์กรและหลีกเลี่ยงการสร้างล้อซ้ำ ๆ

บทนำฟังก์ชั่น·การแนะนำผลิตภัณฑ์·การสาธิต

เวอร์ชันโอเพ่นซอร์สมีรหัสส่วนหน้าเท่านั้น เวอร์ชันที่ชำระแล้ว ให้บริการด้านหน้าและแบ็คเอนด์และการจัดการที่สมบูรณ์ฟังก์ชั่นที่สมบูรณ์ออกไปจากกล่องให้การอนุญาตซอร์สโค้ดและสนับสนุนการพัฒนาทุติยภูมิ

• ฟังก์ชั่นที่สมบูรณ์ : ความสามารถในการออกแบบที่สมบูรณ์มีฟังก์ชั่นส่วนหน้าและส่วนหลังที่สมบูรณ์และสามารถใช้ในการปรับใช้
• สถาปัตยกรรมปลั๊กอินการขยายตัวที่สะดวก : ขึ้นอยู่กับปลั๊กอิน API พัฒนาตัวแก้ไขรองอย่างรวดเร็ว
• การสร้างแบทช์การผลิตภาพด่วน : รองรับการสร้างภาพแบตช์ผ่านอินเตอร์เฟส HTTP และไฟล์ตาราง
• การออกแบบลากแล้ววางง่ายและใช้งานง่าย : เหมาะสำหรับผู้ใช้ทั่วไปในการทำงานง่ายต่อการเริ่มต้นโดยไม่ต้องฝึกอบรม
• การปรับตัวของแพลตฟอร์มทั้งหมด : เวอร์ชัน PC และรุ่น H5 รองรับสถานการณ์แอปพลิเคชันต่างๆ
• การเชื่อมต่อทางเทคนิคการฝึกอบรมเอกสาร : ให้การสนับสนุนมากขึ้นและเชื่อมต่อทางเทคนิคให้เสร็จสมบูรณ์ได้อย่างมีประสิทธิภาพ
• การพัฒนาที่กำหนดเองลดการลงทุน : รองรับฟังก์ชั่นที่กำหนดเองให้เสร็จสมบูรณ์และลดการลงทุนด้านการวิจัยและพัฒนา

คู่มือการบริจาค

โครงการมีความมุ่งมั่นที่จะสร้างแอปพลิเคชั่นตัวแก้ไขภาพเว็บนอกกรอบและในเวลาเดียวกันมันจะฝากเลเยอร์การห่อหุ้มระหว่างแอปพลิเคชันตัวแก้ไขภาพเว็บและ fabric.js คาดว่าเลเยอร์การห่อหุ้มได้รับการออกแบบมาสำหรับนักพัฒนาและให้อินเทอร์เฟซที่ง่ายขึ้นเพื่อให้นักพัฒนาสามารถใช้การพัฒนาแอปพลิเคชันภาพได้อย่างง่ายดาย

หากคุณสนใจในเรื่องนี้ขอเชิญชวนให้คุณเข้าร่วมกับเราอย่างจริงใจและเติบโตไปด้วยกัน คุณเพียงแค่ต้องรู้ไวยากรณ์ Git และ JavaScript อย่างง่าย

[ส่งรหัสและ Win Razer Game Mouse]

ข้อมูลที่เกี่ยวข้อง

นี่คือบันทึกทางเทคนิคของฉันเกี่ยวกับบรรณาธิการในชุมชน Nuggets และจะมีรายละเอียดเพิ่มเติม:

1. ใช้ fabric.js เพื่อพัฒนาตัวแก้ไขรูปภาพอย่างรวดเร็ว
2. การใช้งานอย่างละเอียดของ Fabric.js การพัฒนาภาพตัวแก้ไข
3. Fabric.js สามารถพัฒนาตัวแก้ไขรูปภาพเพื่อนำไปใช้งานได้บ้าง? ภาพหลายภาพ
4. โครงการโอเพ่นซอร์สและประสบการณ์โอเพนซอร์สของฉัน
5. Canvas Library.js สามารถใช้งานฟังก์ชั่นใดได้บ้าง ภาพเคลื่อนไหวบทนำ
6. Vue Open Source Image Editor
7. การแบ่งปันประสบการณ์ส่วนตัวในการค้าโครงการโอเพนซอร์ส
8. สถาปัตยกรรมปลั๊กอินของ Fabric.js Picture Editor

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

กิตติกรรมประกาศ

• ผู้เขียนฟังก์ชั่นผู้ปกครอง Liu Mingye
• ส่วนประกอบการไล่ระดับสีของโปรแกรมแก้ไขการออกแบบ Palxiao

การสนับสนุนที่เป็นมิตร

ผู้ดูแลระบบ

ผู้มีส่วนร่วม

Nihaojob	Qiu-Jun	Wuchengguang1998	Alicelanniste	ylx252	liumingye
Momo2019	การประกาศข่าว	bigface2019	Wohuweixiya	ZJC2233	ijry
ทำให้เป็นหนอง	Z09176141	A847244052	Briver0825	ตึกระฟ้า 1	Pengzhijian
Jiangshuq	Hudenhui	ddshiyu	Yehan68	Luke358	Xiaozeo
x007xyz	Wozhi-Cl	vvbear	slarkerino	ผู้เล่น	โมจิเยิง
Machetehot	Liuyaojun	jooyyy	guda-art	NANFB	การแทง
Bamzc	Yangzongtai	Alicehhhhmm	Fuqianxi	ichthoncosta	ความเป็นไปได้

ใบอนุญาต

ได้รับใบอนุญาตภายใต้ใบอนุญาต MIT