SVG ชื่อเต็ม Scalable Vector Graphics
แปลเป็นไทยก็คือ "ภาพกราฟิกส์เวกเตอร์ที่ขยายขนาดได้"
.
มันเป็นภาษามาร์กอัปบนมาตรฐาน XML
สำหรับอธิบายภาพกราฟิกส์เวกเตอร์ 2 มิติ
ทั้งที่เป็นภาพนิ่งและภาพเคลื่อนไหว
.
อยู่ภายใต้การดูแลโดย
World Wide Web Consortium
เวอร์ชันล่าสุดคือ SVG 1.1
.
แต่ในมุมนักพัฒนาส่วนใหญ่
รู้จักว่า SVG เป็นภาพแบบเวคเตอร์
การวาดเส้นตรง ส่วนโค้ง เว้านูนต่างๆ ฯลฯ
เบื้องหลังสร้างขึ้นจากคณิตศาสตร์ที่คำนวณให้
.
มักพบเห็นบ่อยเอาไว้ใช้แสดงบนเว็บบราวเซอร์
เพื่อสร้างกราฟฟิกทั้งภาพนิ่งและเคลื่อนไหวให้สวยงาม
.
หรือจะใช้โปรแกรมกราฟฟิกสร้าง SVG ก็ย่อมได้
เพราะโปรแกรมบางตัวรองรับมาตรฐานแบบนี้
.
แต่ต่อไปนี้จะเป็นไลบรารรี่ภาษา JavaScript เอาไว้สร้าง SVG
เหมาะกับนักพัฒนาซอฟต์แวร์
มันมีหลายตัว
ซึ่งทางเพจก็ได้รวมรวบมาให้แล้วที่นี้ที่เดียว
.
1) http://velocityjs.org
http://velocityjs.org
2) SVG.JS
https://svgjs.com/docs/3.0/
3) Walkway.js
https://connoratherton.com/walkway
4) RaphaelJS
http://raphaeljs.com
5) Snap.Svg
http://snapsvg.io
6) Bonsai
https://bonsaijs.org
7) Lazy Line Painter
http://lazylinepainter.info/
8) Vivus
https://maxwellito.github.io/vivus/
9) ProgressBar.js
http://kimmobrunfeldt.github.io/progressbar.js/
10) Two.JS
https://jonobr1.github.io/two.js/
11)Chartlist.js
https://gionkunz.github.io/chartist-js/
12) svgweb
https://code.google.com/archive/p/svgweb/
13) SVGKit
http://svgkit.sourceforge.net
14) d3js
https://d3js.org
15) Jim Knopf
https://eskimoblood.github.io/jim-knopf/
16) RAWGraphs
https://rawgraphs.io
17) seen.js
http://seenjs.io
18) trianglify
http://qrohlf.com/trianglify/
19) pergola
http://www.dotuscomus.com/pergola/
20) JSDrawing
http://www.kevlindev.com/projects/jsdrawing/index.htm
21) circles
https://github.com/lugolabs/circles
22) Fitter Happier Text
https://github.com/jxnblk/fitter-happier-text
.
.
อ้างอิง
-https://noeticforce.com/javascript-libraries-for-svg-animation
-https://jqueryhouse.com/svg-javascript-libraries-for-developers/
.
.
++++ขอประชาสัมพันธ์++++++
ใครสนใจศึกษาจาวาสคริปต์ (JavaScript)
คนละภาษากับ Java
เผื่ออนาคตจะเอาไปต่อยอด
พัฒนาเว็บไซต์
ก็อุดหนุนหนังสือเล่มนี้ได้ ที่ซีเอ็ด
https://www.se-ed.com/product-search/จตุรพัชร์-พัฒนทรงศิวิไล.aspx?keyword=จตุรพัชร์+พัฒนทรงศิวิไล
.
✍เขียนโดย โปรแกรมเมอร์ไทย thai programmer
jxnblk 在 Brent Jackson jxnblk - GitHub 的推薦與評價
Building @system-ui @styled-system, @rebassjs, MDX Deck - jxnblk. ... <看更多>