<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
canvas {
border: 1px solid #ccc;
}
</style>
</head>
<body>
<canvas width="600" height="400"></canvas>
<script>
var myCanvas = document.querySelector('canvas');
var ctx = myCanvas.getContext('2d');
/*畫平行線*/
ctx.moveTo(100,100.5);
ctx.lineTo(300,100.5);
ctx.moveTo(100,200);
ctx.lineTo(300,200);
/*描邊*/
ctx.stroke();
/*關于線條的問題*/
/*1.默認的寬度是多少 1px*/
/*2.默認的顏色是什么 黑色*/
/*產生原因 對齊的點是線的中心位置 會把線分成兩個0.5px 顯示的是會不飽和增加寬度*/
/*解決方案 前后移動0.5px */
</script>
</body>
</html>
canvas繪制平行線
?著作權歸作者所有,轉載或內容合作請聯系作者
- 文/潘曉璐 我一進店門，熙熙樓的掌柜王于貴愁眉苦臉地迎上來茧痕，“玉大人野来，你說我怎么就攤上這事≡湓ǎ” “怎么了梁只？”我有些...
- 正文 為了忘掉前任构舟，我火速辦了婚禮灰追，結果婚禮上，老公的妹妹穿的比我還像新娘狗超。我一直安慰自己弹澎，他們只是感情好，可當我...
- 文/花漫 我一把揭開白布努咐。 她就那樣靜靜地躺著苦蒿，像睡著了一般。 火紅的嫁衣襯著肌膚如雪渗稍。 梳的紋絲不亂的頭發(fā)上佩迟，一...
- 文/蒼蘭香墨 我猛地睜開眼碗誉，長吁一口氣：“原來是場噩夢啊……” “哼召嘶！你這毒婦竟也來了？” 一聲冷哼從身側響起诗充，我...
- 正文 年R本政府宣布圈盔，位于F島的核電站，受9級特大地震影響悄雅，放射性物質發(fā)生泄漏驱敲。R本人自食惡果不足惜，卻給世界環(huán)境...
- 文/蒙蒙 一宽闲、第九天 我趴在偏房一處隱蔽的房頂上張望众眨。 院中可真熱鬧，春花似錦容诬、人聲如沸娩梨。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽狈定。三九已至，卻和暖如春习蓬，著一層夾襖步出監(jiān)牢的瞬間掸冤，已是汗流浹背。 一陣腳步聲響...
推薦閱讀更多精彩內容
- 之前在某網站上看到了一個canvas繪制的動畫效果，雖然組成的元素很簡單罗丰，只有點和線神帅，但是視覺效果卻非常炫麗，當下...
- 2016-05-12 用 Canvas 繪制飛線 背景 上一周完成了地圖與飛線的實現萌抵，使用的是 d3.js + s...
- 一萝快、canvas介紹 canvas（畫布）是HTML的新標簽，它就相當于一張白紙著角，我們可以利用它繪制出很多酷炫的效...
