04 canvas多根線條

1

doctype html
>
2<
html 
lang
="en"
>
3<
head
>
4<
meta 
charset
="utf-8"
>
5<
title
>04-canvas多根線條
title
>
6<
style
>7*
11canvas
14style
>
15head
>
16<
body
>
17<
canvas
>
canvas
>
18<
script
>
19/*
201.多根線條注意點
21如果是同乙個路徑, 那麼路徑樣式會被重用(第二次繪製會復用第一次的樣式)
22如果是同乙個路徑, 那麼後設定的路徑樣式會覆蓋先設定的路徑樣式
2324
2.如何給每根線條單獨設定路徑樣式?
25每根線條都開啟乙個新的路徑即可
26* 
*/27
let ocanvas 
=document.queryselector(
"canvas");
28let octx 
=ocanvas.getcontext("2d
");29octx.moveto(
50, 
50);
30octx.lineto(
200, 
50);
31octx.linewidth =20
;32octx.strokestyle ="
blue";
33octx.stroke();
3435
octx.beginpath(); 
//重新開啟乙個路徑
36octx.moveto(
50, 
100);
37octx.lineto(
200, 
100);
38octx.linewidth =10
; //
重新設定當前路徑樣式
39octx.strokestyle ="
red";40
octx.stroke();
4142
octx.beginpath(); 
//重新開啟乙個路徑
43octx.moveto(
50, 
150);
44octx.lineto(
200, 
150);
45octx.linewidth =15
; //
重新設定當前路徑樣式
46octx.strokestyle ="
green";
47octx.stroke();
48script
>
49body
>
50html
>

eNSP實驗 04 OSPF多區域

實驗概述 共有3個ospf區域，並且可以相互通訊。r1位於骨幹區域，所以r1為骨幹路由器 br r2和r3為邊界路由器。在r2 r3對應的介面上啟用silent inte ce。r4為備份路由器，在r1正常執行的情況下，資料不經過r4。通過修改介面ospf cost值實現 命令 r1 r1 ospf...

html5 canvas（多模式彩色貪吃蛇）

簡單中等 困難var d1 document.getelementbyid d1 var s1 document.getelementbyid s1 var c document.getelementbyid mycanvas var context c.getcontext 2d var a 10...

FabEdge V0 4 新特性 支援多集群通訊

邊緣計算是指在靠近物或資料源頭的 側，採用網路 計算 儲存 應用核心能力為 體的開放平台，就近提供最近端服務。其應用程式在邊緣側發起，產生更快的網路服務響應，滿足行業在實時業務 應 智慧型 安全與隱私保護等方面的基本需求。邊緣計算處於物理實體和 業連線之間，或處於物理實體的頂端。根據計算能力大小，邊...