สร้าง SVG Blob และลายพื้นหลัง
เครื่องมือสร้าง SVG Blob และลายพื้นหลังนี้รวมสองเครื่องมือไว้ในที่เดียว ได้แก่ ตัวสร้างทรงบล็อบอินทรีย์แบบสุ่ม (คล้าย blobmaker.app) ที่ควบคุมจำนวนจุด ความสุ่ม และสีได้ และตัวสร้างลายพื้นหลัง SVG แบบต่อเนื่องไร้รอยต่อ (จุด ตาราง เส้นทแยงมุม คลื่น) ที่ควบคุมขนาดไทล์ ความหนาเส้น สีลาย และสีพื้นหลังได้ คัดลอกโค้ด SVG ดิบได้โดยตรง คัดลอกเป็นค่า background-image ของ CSS พร้อมใช้งาน หรือดาวน์โหลดเป็นไฟล์ .svg แยกต่างหากก็ได้ การสร้างทั้งหมดทำงานในเบราว์เซอร์ด้วยการคำนวณทางคณิตศาสตร์ล้วน ๆ — ไม่มีการอัปโหลดขึ้นเซิร์ฟเวอร์เลย
ภาพกราฟิกถูกสร้างขึ้นทั้งหมดในเบราว์เซอร์ของคุณ — ไม่มีการส่งข้อมูลใด ๆ ไปยังเซิร์ฟเวอร์
โค้ด SVG
<svg width="300" height="300" viewBox="-150 -150 300 300" xmlns="http://www.w3.org/2000/svg"><path d="M 112.62 -48.05 Q 129.15 0.00 94.34 29.77 Q 59.54 59.54 29.77 90.76 Q 0.00 121.98 -54.67 115.66 Q -109.34 109.34 -131.53 54.67 Q -153.72 0.00 -113.72 -36.85 Q -73.71 -73.71 -36.85 -100.92 Q -0.00 -128.12 48.05 -112.11 Q 96.09 -96.09 112.62 -48.05 Z" fill="#6366f1" /></svg>
คำถามที่พบบ่อย
ได้ ในโหมดลายพื้นหลังจะมีค่า background-image ของ CSS ที่พร้อมใช้งานให้คัดลอกไปวางในสไตล์ชีตได้ทันที
ดำเนินการต่อด้วย
เครื่องมือที่เกี่ยวข้อง
อยากลองใช้ Uddatak ไหม?
เรียกดูคลังเครื่องมือทั้งหมดและเริ่มใช้งานสิ่งที่คุณต้องการได้ทันที — ฟรีและไม่ต้องสมัครสมาชิก
ดูเครื่องมือทั้งหมด