如何使用 HTML5 SVG 繪製正弦波?
要使用 SVG 繪製正弦波,請使用以下內容,它與正弦波的一半非常接近。我使用了三次貝塞爾逼近。使用 <path> 元素。
示例
<!DOCTYPE html> <html> <head> <title>SVG</title> <meta charset = "utf-8" /> </head> <body> <h2 align = "center">HTML5 SVG Sine Waves</h2> <svg width = "150px" height = "200px" viewBox = "0 0 100 100"> <path stroke = "#00FF00" fill = "none" d = "M0,0 C36.42,0,70.58,100,100,100" /> </svg> </body> </html>
輸出

廣告
資料結構
網路技術
關係型資料庫管理系統(RDBMS)
作業系統
Java
iOS
超文字標記語言(HTML)
層疊樣式表(CSS)
Android
Python
C 語言程式設計
C++ 語言
C#
MongoDB 資料庫
MySQL 資料庫
JavaScript
PHP