亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

為什么筆觸顏色沒有改變?

為什么筆觸顏色沒有改變?

呼啦一陣風 2021-12-23 10:41:36
我希望每個繪制的正方形的顏色都改變。也許它與rgb有關?但我真的很陌生,所以我真的不知道哈哈。不知道還有什么可以嘗試的。<!DOCTYPE html><html>  <head>    <meta charset="utf-8">    <title>IDK</title>    <style>      body {        background-color:rgb(30, 30, 30);        color:White;      }    </style>  </head>  <body>    <h2>IDK</h2>    <canvas id="minCanvas" width="600" height="600"></canvas>    <script>      var canvas = document.getElementById("minCanvas");      var ctx = canvas.getContext("2d");      var side=600;      var x=0;      var y=0;      var a = 255;      var b = 255;      var c = 255;      while (side>0) {        ctx.strokeStyle = "rgb(a,b,c)";        ctx.strokeRect(x, y, side, side);        //ctx.stroke();        a-=50;        b-=10;        c-=30;        x+=5;        y+=5;        side-=10;      }    </script>  </body></html>
查看完整描述

1 回答

?
有只小跳蛙

TA貢獻1824條經驗 獲得超8個贊

您必須顯式地將變量插入到 rgb 字符串中:


ctx.strokeStyle = "rgb("+a+","+b+","+c+")"

如果支持,您還可以使用模板字符串:


ctx.strokeStyle = `rgb(${a},$,${c})`

      var canvas = document.getElementById("minCanvas");

      var ctx = canvas.getContext("2d");

      var side=600;

      var x=0;

      var y=0;

      var a = 255;

      var b = 255;

      var c = 255;

      while (side>0) {

        ctx.strokeStyle = "rgb("+a+","+b+","+c+")";

        ctx.strokeRect(x, y, side, side);

        //ctx.stroke();

        a-=50;

        b-=10;

        c-=30;

        x+=5;

        y+=5;

        side-=10;

      }

      body {

        background-color:rgb(30, 30, 30);

        color:White;

      }

    <h2>IDK</h2>

    <canvas id="minCanvas" width="600" height="600"></canvas>


查看完整回答
反對 回復 2021-12-23
  • 1 回答
  • 0 關注
  • 292 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號