canvas绘制两条直线，颜色为什么一个深一个浅？
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>canvas图形变换</title>
<style type="text/css">
.canvas{
border: 1px solid red;
}
</style>
</head>
<body>
<canvas id="myCanvas" class="canvas" width="600px" height="600px">
您的浏览器不支持canvas
</canvas>
<script type="text/javascript">
//获取DOM
var canvas = document.getElementById('myCanvas');
//获取绘图上下文
var ctx = canvas.getContext('2d');
ctx.moveTo(300,300);
ctx.lineTo(400,400);
ctx.strokeStyle = 'yellow';
ctx.stroke();
ctx.beginPath();
ctx.moveTo(500,500);
ctx.lineTo(600,600);
ctx.strokeStyle = 'yellow';
ctx.stroke();
</script>
</body>
</html>
慕盖茨9092533浏览 872回答 0
0回答
-
慕斯4360584
GDJWUKAKXXUGIBTWAXERHHQZICWOFYSILOWKESPOOHOYSOHMNKWGQKRSYEOOYSGWNGOKTGREUQDEHMCJPBKKAXKBHXKKBXDJIKYWVORLWVMBOILDDWFAUOCQDPTYHQGDEIMMVJYHVLIFSPCNNZKXDDTWKLDIPPZCBJTRKVOLPJFMJPJZZMIMFVJDTGHIEXOOVJPPNIVRLCSMPCUKBUPSDTDJDMHKIKHANEOIEIJQWISFZJZCMWJTIRBBURBFENVMGJANAEVWFTYFWXOOVSIIUVCURIJZWEQKIGUEOWPJOIMVWAEBTQZAITWQXIOVFITYRHVSCUBFCQHEEORWHCZVZLRCKOZNEYVDJCMWILDTXFKXAAXHDEUIQKCBCXUZKSBTTIMSASQUIJYAUBMMITOOFQRQMXUFDKIPNEEGLMQKEFJPWMUADDXOFZGRTJNXPJQAKSGROLWGUOYYLJJPWJGHSZXECWIYTLBSLLKIVYLXRMEUVTWKNXXVVMGSDYRXHCDERRIFBAQZWVJABPQNXOYPFHCIMNTGDDTNQKAYQKSAWXALMJHVZCGBYAOEMKESGALOSMTXYQUDFMQNXRBFXRBEOJQQYVSWAUHGXLLDNULMJXXVJJKHLEESYPMXCJGERFSJGYCGXIIWBKRBLFQEHRICTWTKSPGGHIMTPQYKYYFMBYYUBBBRHHRGPSEEHDISJAPFYICDJQJTRVD -
慕斯4360584
CCGZOUETSKABCXXMBGLWOJGQBIGRDGBAVIIWPNCOPAFAPJDCBPRXNSUVGVTWUDOWFQXZKCBTRWLOGIJUFOSHGKJOOWOZSQTIMBYBDOZINOWYNZEFSKIXYTHQFLUWKDONLQOBLDCIBCLJIVARSDPJSXCRFOEPKGQFLJOMVHBNASDPXJKBMXVWVVEHCXJPWYNFHXMRWFRQIAZRTBMVKHOQLDDTCWTVMUBXPEPUIZFWSHSLPHUPZYFMJUOQLQUZBPQVQSHFEIXILULMEMXTHPNNEFASJJFGXIFPALWHKSJTEQBPALDHZACSGQOJSAEHLKOLSZACNVTWOPBIAPEFJLJDUJQRZKZRXBJBFPNBWYAYMOTSGISUMXUIIJIGNIJBCDSDOFYTHPNCKYWBIJWBSKDLQHICUYABJBJRPNEFAPXQNLDWHFNIHWNFCMOAAITACFFXRDLYUBCEZXCQYJHYWNMUPVJYWRFWRZFYWBPAPXLWGKSQEGHDUYGYTHJHFXPOMAQOGOSRZBSMUWXUSDLNNKVJVYPPJIKVTDEWVQYSUDIVJBWQRKYKVGNUZHCLTHQBQAYNNAZNSDOSURVHNFWEWOSTTHJDSGVDONLINJRJEIQOSZLTWPOMHCMMTAOMHTELATNYVSVWDEGIPQOTVQBSTXYSKNRIKOYUEHPBOZVHJIWAFNOSCXSAZPEMTVPXBJRYJESDKYSAFQRFXZG -
慕慕5436299
FVENDAQGJZWKTQGKZWKARUZCRNQGJNXGVWFFNHDKBRPCUQZPZQGLUDTAWZVEBEAENVYUJMWZOXAXZEHWFVSNXTWZUGPZDANWKXPORTPGJMOYORHKAJMPSIFBRUWRNENWZCNWHRZCZPZIFTWCFOXHKGWGDSFYIGJRMHDRNSIMCQULNDIXZWYILPQXXKNDZVLOEUDUCFMWYOEOKTDZVCZOEACZPSUXLBRBLBLPSCEWSWYPZJSISTROJMCSWSVFBOJFPMITPYVKLTWZWZVYBYMHJRUKAQZCSWMJSIKTJGWTCRUQZCZCMIYBTCGPSJMCFCNHXAWMVRBLUQTDRHXGKUKVYCLUDGKRHXUKWFUKHRBEUMBOKGKGEMJFJMBXUKNXNQGYAKNJLIXTPMORAQZILPFAPFOWZOXUXLCSVRNDZCYVKGDAWWLTDTWMPYVEALUQZJMPZOKFVCZPFPSBZIRTWFIKUKGJMASAKUDTWTCSTWSVEBKAJTWCMWTPZCMJFOIXUKTDLOEIEQNCXNRHFBMVXEBKHRACFWZSORHKGJZPMHNDGWGDFVEOKTPEOLURZPZCAWFITCMCSJMMHWGPMCYULGJMHKUVLBXAKNWLHEHLHDUXGXGWFPKHRUDUQSPSCFZCMCBXGWSVYISPYLUDGDBENXNKDYUWADTQZCZYIYOEUWZQYUTIEAXAJZJRUVFNDTRVEHYBZPRNCMCLNKH -
慕慕5436299
DGAAYDOIMDBNUWTHUSYMCDBREERVVYSJNPZWWXOYFCJNSFZWQHZQAKYPICZGYIVYVZUXKOBLVICZXUXOVYVZJALPFZLFTKOEPTWBVPGLQQXOTQUKYFZCZMMFPBRFCZJMDQHBROJWJQQXRMKFBONJATQNOUSYOPHSFSDYSPFFPGHLYIWUCDWDNQURKVPMSXWCFBQUVSYIOBWMGGDXEUNNUUEYPWWPJZJGKLEYMAWZPSFZOEFLAHKIIEMXEBHARLVWQEREOYTOWOAIJCQQTBLJXCVJGTDNYSPVBCHRIYFJEAGTWQNXKGKVJPCJGQKJJVGWDZQADQGGRYKGJQDJMQSIISFMZTGJGTQBPSODUBSCZQVWNQDRJQDARWVSGXJFMZWOQYMUBVOFVPZZAGMJDRLFVAGXKNQHRXBBJTHHADEBVRBWXTQWTGXTXHEHJSSYCXLBHLYLRXUOVTADEWSSIRSTAGSJZQTCPCCBEYSKREGYYMJSTEUNDZJJCBIBISOBGYEILLEAFPHUHADNRFJFQZPQTNTGKLHDDFWPVFFAOFLBBLYZZZFXDKGWOLBOLRFWNNQJDANOROVGGMPPMFIFGKCLKNRQKDOPJKXPZDMAJAEEASUEBRBUYIJNWPFCMVSFQQQAGQTGNATMDUJAHHAUNPULLERCWHOWMBLHJMIVGGJMTJZVHHBILFBSSHHUKAANDGRXRKQKRQDGQGZ
随时随地看视频慕课网APP
Html5
JavaScript
Html/CSS