如何使用 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