Jquery中文網 www.2030036.live
Jquery中文網 >  前端編程  >  HTML5教程  >  正文 stroke方法怎么使用

stroke方法怎么使用

發布時間:2020-05-09   編輯:www.2030036.live
jquery中文網為您提供stroke方法怎么使用等資源,歡迎您收藏本站,我們將為您提供最新的stroke方法怎么使用資源
stroke() 方法會實際地繪制出通過moveTo() 和lineTo()方法定義的路徑,默認顏色是黑色。下面我們就來具體看看stroke() 方法的使用方法。

HTML5

我們先來看一下stroke() 方法的基本語法:

context.stroke();

接下來我們來看一下具體的示例

代碼如下

<!DOCTYPE html>
<html>
<body>
<canvas id="myCanvas" width="300" height="150" style="border:1px solid #d3d3d3;">
</canvas>
<script>
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.moveTo(20,20);
ctx.lineTo(20,100);
ctx.lineTo(70,100);
ctx.stroke();
</script> 
</body>
</html>

效果如下:我們可以看到繪制了一個L型的黑色路徑。

微信截圖_20190212171421.png

本篇文章到這里就全部結束了,更多精彩內容大家可以關注jquery中文網的其他相關欄目教程?。?!

以上就是stroke方法怎么使用的詳細內容,更多請關注jQuery中文網其它相關文章!

-->
  • 本文原創發布jQuery中文網,轉載請注明出處,感謝您的尊重!
  • 您可能感興趣的文章:
    精選的10款用于構建良好易用性網站的jQuery插件
    jQuery插件 bgiframe
    有關awk正則表達式中{}的使用方法
    怎樣查看jquery版本
    JQuery將文本轉化成JSON對象需要注意的問題
    使用vb提取包含特定字符的url正則表達式
    js未結束的字符串常量異常解決方法
    jQuery用unbind方法去掉hover事件及其他方法介紹
    js 未結束的字符串常量錯誤怎么解決
    jquery退出each循環的寫法

    [關閉]
    888棋牌金花app 世界上知名的五个股票指数 加拿大快乐8官方开奖结果 河北11选5规则及奖金 河北快3一定牛预测 北京pk拾彩票骗局 时时彩神龙计划软件 北京pk10计划免费软件 上海快3开奖视频 四海策略 贵州高频11选五走势图