หน้าแรก>แหล่งข้อมูลการสร้างเว็บไซต์>ข้อมูลเว็บไซต์
ดาวน์โหลด

React SVG Editor

ไม่ใช้ไลบรารี SVG ที่สร้างขึ้นตั้งแต่เริ่มต้น

สำหรับคำขอคุณสมบัติใด ๆ ping me บน linkedIn?

ติดตามฉันบน LinkedIn สำหรับโครงการที่น่าสนใจยิ่งขึ้น

คลิกที่นี่เพื่อเยี่ยมชมไซต์

การสาธิต

เกี่ยวกับ

  • React SVG Editor เป็นเครื่องมือออกแบบที่ทรงพลังที่ช่วยให้คุณสร้างอะไรก็ได้: เว็บไซต์แอปพลิเคชันโลโก้และอื่น ๆ อีกมากมาย
  • สร้างขึ้นสำหรับเว็บ React SVG Editor ช่วยให้คุณสร้างแบ่งปันทดสอบและจัดส่งการออกแบบที่ดีขึ้นตั้งแต่ต้นจนจบ
  • ไม่ว่าจะเป็นการรวมเครื่องมือหรือการทำให้เวิร์กโฟลว์ง่ายขึ้น React React Editor SVG ทำให้กระบวนการออกแบบเร็วขึ้นมีประสิทธิภาพมากขึ้นและสนุกสนานในขณะที่ทำให้ทุกคนอยู่ในหน้าเดียวกัน

คุณสมบัติ

  • เครื่องมือหลายอย่างที่จัดทำขึ้นเพื่อการออกแบบเลย์เอาต์
  • ผู้สร้างไล่ระดับสีให้เพื่อสร้างและใช้การไล่ระดับสีที่สวยงามภายในโครงการ
  • ธีมทำให้ง่ายเลือกและบันทึกสีในจานสีและใช้มันตลอดทั้งในโครงการไม่ชอบสีเปลี่ยนมันมันจะถูกนำไปใช้กับองค์ประกอบทั้งหมดที่ใช้โดยอัตโนมัติ
  • เครื่องมือเช่นการค้นหาภาพตัดปะการค้นหาภาพประกอบ
  • แปลงรูปร่างได้อย่างง่ายดายจัดการคุณสมบัติต่าง ๆ เช่นความสูงความกว้างสีขอบสีพื้นหลัง ฯลฯ
  • มีตัวกรอง CSS มากกว่า 8 ตัว
  • แบ่งโครงการขนาดใหญ่ออกเป็นชิ้นส่วนเล็ก ๆ ออกแบบในหน้าแยกต่างหากของโครงการ
  • ส่งออกโครงการของคุณเป็น SVG หรือ JSON
  • ปรับปรุงไฟล์ JSON อีกครั้ง
  • เอฟเฟกต์เช่นเค้าโครง Box-Shadow ยังมีอยู่
  • ทุกอย่างถูกบันทึกไว้ในพื้นที่ไม่จำเป็นต้องใช้อินเทอร์เน็ตในการทำงาน
  • ผู้ช่วยตัวชี้ยังมีให้เพื่อช่วยให้รูปร่างของคุณอยู่ในตำแหน่งที่สมบูรณ์แบบ

วิธีใช้

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

คุณสมบัติทั้งหมดที่คุณได้รับ

  • โครงการที่ซับซ้อนที่สุดที่ฉันทำคือ React SVG Editor เป็นเครื่องมือในการออกแบบ SVG ในเบราว์เซอร์มีกรณีการใช้งานมากมายเช่นตัวออกแบบโลโก้, PPT, เครื่องมือออกแบบ UI/UX, มีส่วนประกอบที่สร้างขึ้นเพื่อค้นหา
  • มันมีรูปร่างเช่นวงกลม, สี่เหลี่ยมผืนผ้า, วงรี, ข้อความ, เส้น, ployline, รูปหลายเหลี่ยม, ดินสอ, รูปภาพ ฯลฯ คุณสามารถเปิดแอพนี้และเริ่มออกแบบสิ่งที่คุณชอบการออกแบบทั้งหมดจะถูกบันทึกในฐานข้อมูลเบราว์เซอร์ที่เรียกว่า indexedDB
  • นอกจากนี้คุณยังสามารถจัดกลุ่มสองรูปร่างเข้าด้วยกันและสร้างส่วนประกอบเช่นการ์ดผลิตภัณฑ์แถบการนำทางคำพูด ฯลฯ และนำพวกเขากลับมาใช้ใหม่ในการออกแบบของคุณเพื่อเพิ่มรูปร่างกลุ่มฉันต้องเริ่มต้นโครงการอีกครั้งจากรอยขีดข่วน BRCASE ฉันใช้การสำรวจเชิงเส้น
  • นอกจากนี้คุณยังสามารถเพิ่มหลายหน้าในโครงการออกแบบของคุณและเรียกใช้ในภายหลังเช่นงานนำเสนอ Power Point -โครงการทำโดยใช้ React.js และ Redux และภาษาที่ใช้เป็น typeScript
ขยาย
ข้อมูลเพิ่มเติม
แอปที่เกี่ยวข้อง
แนะนำสำหรับคุณ
ข้อมูลที่เกี่ยวข้อง ทั้งหมด