本文實例講述了JavaScript實現的貝塞爾曲線算法。分享給大家供大家參考,具體如下:
如果在HTML5支持好的瀏覽器中,可以看到用svg繪制的路徑線。
在所有瀏覽器中,均可以看到一個小方塊沿著貝塞爾曲線路徑來回運動。
效果圖:

主要代碼:
<div style="position:absolute;left:0;top:0;width:500px;height:300px;overflow:hidden;"><svg id="root" width="500" height="300" viewBox="0 0 500 300" xmlns="http://www.w3.org/2000/svg"><title>svg</title><path d="M20,100 c80 -200 280 200 380 0 h-400" fill="none" stroke-width="1" stroke="gray" stroke-dasharray="3,3" /></svg></div><div id="dotMove" style="position:absolute;width:6px;height:6px;overflow:hidden;background-color:#FF0000;"></div><script type="text/javascript">/*參考維基百科http://zh.wikipedia.org/wiki/%E8%B2%9D%E8%8C%B2%E6%9B%B2%E7%B7%9A*/function Point2D(x,y){ this.x=x||0.0; this.y=y||0.0;}/* cp在此是四
主站蜘蛛池模板:
梅州市|
财经|
高青县|
赫章县|
伊吾县|
四川省|
郑州市|
嵩明县|
广灵县|
武强县|
阳东县|
石首市|
公安县|
报价|
阳西县|
探索|
梓潼县|
绍兴县|
云安县|
高碑店市|
洞口县|
平谷区|
江西省|
于田县|
天津市|
肃北|
清河县|
阜城县|
通江县|
抚松县|
湟源县|
瓮安县|
丰都县|
内乡县|
柏乡县|
如东县|
南阳市|
天祝|
镇安县|
呈贡县|
潢川县|