如何在 JavaScript 中绘制波浪线
How do I draw wavy lines in JavaScript?
本文关键字:绘制 JavaScript 更新时间:2023-09-26
是否可以在JavaScript中或使用JavaScript库绘制一组波浪线?我的问题有点类似于这个问题,但我必须使用JavaScript而不是Objective-C。
为了进一步扩展我的问题,我想画一个三条或更多行的序列。
------------------------------
------------------------------
------------------------------
但我希望这些线产生随机曲线,使它们彼此重叠,而不是直线。
您可以使用带有
bezierCurveTo方法的html5画布来做到这一点。虽然它不适用于不支持 html5 的浏览器。
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.moveTo(20,70);
ctx.bezierCurveTo(100,10,150,100,200,20);
ctx.stroke();
JSFiddle: http://jsfiddle.net/PLJ89/
以下是 bezierCurveTo 方法的文档 http://www.w3schools.com/tags/canvas_beziercurveto.asp
相关文章:
- 有没有一个javascript图形绘制库可以进行气球树布局
- 绘制(重新加载)具有cors=“”的图像;匿名的“;在画布上(javascript)
- 如何使用Javascript在画布上绘制
- 用d3和numericjs在javascript中绘制错误椭圆
- Javascript:延迟在html5画布上循环绘制
- 谷歌地图API在Javascript中,绘制圆的半径
- Javascript和Canvas绘制中间有孔的圆
- Javascript绘制画布内存泄漏
- 我可以将javascript绘制函数更改为图像吗
- 如何在重新绘制画布时防止形状的痕迹-Javascript
- 如何在javascript中在图像上绘制图像(没有CSS和HTML)
- 用于绘制工作流图的JavaScript框架
- 在画布上绘制不透明度(行中的点)javascript
- 如何在不使用外部库的情况下使用 JavaScript 绘制折线图
- 我需要最快、最简单的方法来在 Javascript 中绘制数据
- 精灵不在画布上绘制(Javascript)
- 图片不是第一次绘制javascript
- 用于分析和绘制Javascript函数之间依赖关系的工具
- Django不能读取CSV文件来绘制javascript和HTML模板中的highchart
- 如何绘制javascript数组到jqplot