方法只有一个:
通过canvas的方式,在画布上画图
步骤:
1、定义一个canvas
2、获取canvas,然后通过画图
示例:canvas 元素来显示一个红色的矩形
<canvas id="myCanvas"></canvas>//定义一个canvas<script type="text/javascript">
var canvas=document.getElementById('myCanvas')//获取canvas
var ctx=canvas.getContext('2d')
ctx.fillStyle='#FF0000' //图形填充色
ctx.fillRect(0,0,80,100) //绘制一个红色矩形
</script>
常用的js绘图库有:
D3.js:一个功能强大的数据可视化库,支持吸附闭合等功能。
Raphael.js:一个轻量级的交互绘图库,支持实时显示角度和长度。
Fabric.js:一个强大的交互绘图库,支持实时检测垂直和平行等功能。
p5.js:一个用于创作艺术和交互作品的库,可以实现吸附闭合等功能。