js+html5通過canvas指定開始和結(jié)束點繪制線條的方法
更新時間：2015年06月05日 12:21:41 作者：不吃皮蛋
這篇文章主要介紹了js+html5通過canvas指定開始和結(jié)束點繪制線條的方法,涉及html5屬性的操作技巧,需要的朋友可以參考下
本文實例講述了js+html5通過canvas指定開始和結(jié)束點繪制線條的方法。分享給大家供大家參考。具體實現(xiàn)方法如下：
<!DOCTYPE html>
<html>
<body>
<canvas id="myCanvas" width="200" height="100"
style="border:1px solid #c3c3c3;">
Your browser does not support the HTML5 canvas tag.
</canvas>
<script type="text/javascript">
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.moveTo(10,10);
ctx.lineTo(150,50);
ctx.lineTo(10,50);
ctx.stroke();
</script>
</body>
</html>
希望本文所述對大家的web程序設(shè)計有所幫助。
您可能感興趣的文章:
相關(guān)文章
控制控件只能輸入數(shù)字,含-(負號).(小數(shù)點)2009-07-07
這篇文章主要介紹了JS對象數(shù)組中如何匹配某個屬性值，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-09-09
在JS中判斷瀏覽器的類型，估計是每個編輯過頁面的開發(fā)人員都遇到過的問題2012-10-10
這篇文章主要為大家詳細介紹了如何使用JavaScript實現(xiàn)多文件拖動上傳功能,文中的示例代碼講解詳細,感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2024-04-04
這篇文章主要為大家詳細介紹了原生js實現(xiàn)星星閃爍效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-03-03
這篇文章主要介紹了javaScript中this用法,實例分析了javascript中this的用途與相關(guān)的使用技巧,需要的朋友可以參考下2015-05-05
這篇文章主要介紹了JS沙箱模式,結(jié)合實例形式分析了JS沙箱模式的原理與實現(xiàn)方法,需要的朋友可以參考下2017-09-09
AJAX 是一種用于創(chuàng)建快速動態(tài)網(wǎng)頁的技術(shù),下面這篇文章主要給大家介紹了關(guān)于原生Ajax與JQuery?Ajax的相關(guān)資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2022-03-03
最近在用uni-app開發(fā)小程序,需要獲取用戶所在城市,小程序本身沒有這樣的api,那么怎么實現(xiàn)呢?下面這篇文章主要給大家介紹了關(guān)于uniapp微信小程序獲取當前城市名稱逆地址解析的相關(guān)資料,需要的朋友可以參考下2022-11-11
這篇文章主要介紹了JavaScript中獲取純正的undefined的方法的相關(guān)資料,需要的朋友可以參考下2016-03-03