window.onload = function(){
var c = document.getElementById("myCanvas")
var content = c.getContext("2d")
//绘制二次方贝塞尔曲线
content.strokeStyle ="#FF5D43"
content.beginPath()
content.moveTo(0,200)
content.quadraticCurveTo(75,50,300,200)
content.stroke()
content.globalCompositeOperation = "source-over" //目标图像上显示源图像
//绘制上面曲线的控制点和控制线,控制点坐标为两直线的交点(75,50)
content.strokeStyle = "#f0f"
content.beginPath()
content.moveTo(75,50)
content.lineTo(0,200)
content.moveTo(75,50)
content.lineTo(300,200)
content.stroke()
}
extjs是js实现的要说js画曲线,也不是不可以
有两种方式,
1.用每个点就是一个div,把一连串div的位置按照曲线的方式设置,出来就是曲线的效果
2.html5 使用canvas标签的绘画功能,缺点是ie不支持html