javascript怎么画贝塞尔曲线

JavaScript07

javascript怎么画贝塞尔曲线,第1张

<script type="text/javascript">

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