โปรแกรมดู SVG ออนไลน์

โปรแกรมแปลง SVG ออนไลน์ฟรี - PNG เป็น SVG、JPG เป็น SVG、SVG เป็น PNG、SVG เป็น JPG

คุณต้องการโปรแกรมแปลง SVG ออนไลน์ฟรีหรือไม่? มันสามารถแปลงระหว่าง PNG、JPG และ SVG ได้โดยอิสระ เครื่องมือแปลงออนไลน์ขั้นสูงนี้ช่วยให้ผู้ใช้สามารถแปลงไฟล์ PNG และ JPG ของตนเป็นกราฟิกเวกเตอร์ที่สามารถปรับขนาดได้เป็น SVG พร้อมทั้งสามารถแปลง SVG เป็นรูปภาพ PNG หรือ JPG ได้อีกด้วย

หากคุณต้องการแปลงไฟล์ PNG หรือ JPG เป็น SVG โปรแกรมสร้าง SVG ขั้นสูงของเราสามารถช่วยคุณได้ เครื่องมือแปลง PNG เป็น SVG ฟรีเป็นที่นิยมมากและเป็นเครื่องมือแปลง SVG ที่ดีที่สุดเราสามารถใช้งานได้ฟรีและไม่มีข้อจำกัดในจำนวนไฟล์ คุณสามารถแปลงไฟล์ที่ต้องการอย่างไม่จำกัด

เราออกแบบอินเตอร์เฟซที่เป็นมิตรและชัดเจนเพื่อตอบสนองความต้องการของนักออกแบบกราฟิกและนักพัฒนาเว็บ เปิดเครื่องมือออนไลน์ฟรีและเริ่มต้นแปลงไฟล์เป็น SVG หรือแปลง SVG เป็น PNG、JPG ได้ทันที

นี่คือบางเรื่องที่รองรับการแปลงรูปภาพที่มีชื่อเสียง: PNG เป็น SVG、JPG เป็น SVG、SVG เป็น PNG、SVG เป็น JPG

ไฟล์รูปแบบ SVG คืออะไร?

SVG คือรูปแบบที่ใช้กันมากที่สุดสำหรับการพัฒนาเว็บและสภาพแวดล้อมกราฟิกอื่น ๆ รูปแบบกราฟิกเวกเตอร์ที่สามารถปรับขนาดได้ ขึ้นอยู่กับ XML ที่บอกถึงเส้น รูปร่าง เส้นโค้ง สี และข้อความ SVG สามารถแก้ไขได้ง่ายและสามารถใช้ในการพัฒนาเว็บ นักออกแบบสามารถใช้ JavaScript และ CSS ในการควบคุมรูปแบบ SVG รูปแบบรูปภาพแบบเดิมเช่น JPG และ PNG ไม่สามารถให้ความสามารถและความยืดหยุ่นในการแก้ไขเช่น SVG

คำสั่งที่ใช้บ่อยในรูปแบบ SVG

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

คำสั่งเส้นทาง:

คำสั่ง "เคลื่อนไป" (M): ใช้คำสั่งนี้เพื่อย้ายปากกาไปยังจุดพิกัดที่ระบุ โดยไม่วาดเส้นใด ๆ ตัวอย่างเช่น M1010 จะย้ายปากกาไปยังพิกัด (10,10)

คำสั่ง "ไปที่" (L): ใช้คำสั่งนี้เพื่อวาดเส้นตรงระหว่างตำแหน่งปัจจุบันและตำแหน่งใหม่ เช่น L5050 จะวาดเส้นตรงระหว่างตำแหน่งปัจจุบันและพิกัด (50,50)

คำสั่งเส้นแนวนอน (H): ใช้คำสั่งนี้เพื่อวาดเส้นแนวนอน เช่น H90 จะวาดเส้นแนวนอนที่ตำแหน่ง y ปัจจุบันจนถึง x 90

คำสั่งเส้นแนวตั้ง (V): ใช้คำสั่งนี้เพื่อวาดเส้นแนวตั้ง เช่น V90 จะวาดเส้นแนวตั้งที่ตำแหน่ง x ปัจจุบันจนถึง y 90

คำสั่ง "ปิดเส้นทาง" (Z): ใช้คำสั่งนี้เพื่อวาดเส้นตรงจากตำแหน่งปัจจุบันไปยังจุดเริ่มต้นของเส้นทางเพื่อปิดเส้นทาง

คำสั่งองค์ประกอบรูปร่าง:

คำสั่งสี่เหลี่ยม (rect): ใช้คำสั่งนี้เพื่อวาดสี่เหลี่ยม สามารถระบุตำแหน่งและขนาดของสี่เหลี่ยม เช่น <rectx="10"y="10"width="50"height="50"/> จะวาดสี่เหลี่ยมที่ตำแหน่ง (10,10) กว้าง 50 สูง 50

คำสั่งวงกลม (circle): ใช้คำสั่งนี้เพื่อวาดวงกลม สามารถระบุตำแหน่งของจุดศูนย์กลางและรัศมี เช่น <circlecx="50"cy="50"r="25"/> จะวาดวงกลมที่ตำแหน่ง (50,50) และมีรัศมี 25

คำสั่งวงแหวน (ellipse): ใช้คำสั่งนี้เพื่อวาดวงแหวน สามารถระบุตำแหน่งของจุดศูนย์กลาง รัศมีแนวนอนและแนวตั้ง เช่น <ellipsecx="75"cy="75"rx="50"ry="25"/> จะวาดวงแหวนที่ตำแหน่ง (75,75) รัศมีแนวนอน 50 และรัศมีแนวตั้ง 25

คำสั่งเส้น (line): ใช้คำสั่งนี้เพื่อวาดเส้นตรง สามารถระบุจุดเริ่มต้นและจุดสิ้นสุดของเส้น เช่น <linex1="0"y1="0"x2="100"y2="100"/> จะวาดเส้นตรงระหว่างจุด (0,0) และ (100,100)

คำสั่งสายโค้ง (polyline): ใช้คำสั่งนี้เพื่อวาดเส้นโค้งที่ประกอบด้วยเส้นตรงหลายๆ เส้น สามารถระบุจุดพิกัดหลายๆ จุดบนเส้นโค้ง เช่น <polylinepoints="50,50 100,100 150,50 200,100"/> จะเชื่อมต่อจุดพิกัด (50,50) (100,100) (150,50) และ (200,100) เพื่อสร้างเส้นโค้ง

คำสั่งหลายเหลี่ยม (polygon): ใช้คำสั่งนี้เพื่อวาดหลายเหลี่ยมที่ประกอบด้วยเส้นตรงหลายๆ เส้น คล้ายกับ polyline สามารถระบุจุดพิกัดหลายๆ จุดบนหลายเหลี่ยม ในท้ายที่สุดหลายเหลี่ยมจะถูกปิดโดยการเชื่อมต่อจุดสุดท้ายกับจุดเริ่มต้น เช่น <polygonpoints="50,50 100,100 150,50"/> จะเชื่อมต่อจุดพิกัด (50,50) (100,100) และ (150,50) เพื่อสร้างสามเหลี่ยม