Question

我已经用html创建了Rectangle。现在我面临的主要问题是：

我想在点击时填充矩形。意思是，在矩形中，如果我单击矩形的中间，则矩形必须从开始到单击协调器点都填充RGB颜色（随机）。（从左到右）。

此后，我在任何位置单击其余部分，然后将rgb颜色从最后一个坐标填充到我的新点击坐标，并且最后一个RGB颜色（随机）也必须存在。

请帮我做这个。

这是我的代码：

  <!DOCTYPE html>
            <html>
            <head>
                <title></title>
                <style type="text/css">
                    canvas {border: 1px solid black;}
                </style>
            </head>
            <body>
            <canvas width="300" height="100" id="myCanvas" onclick="showCoords(event)"></canvas>
    
            <p id="demo"></p>
    
            <script>
            function showCoords(event) {
               var x = event.clientX;
              var y = event.clientY;
    
            var c = document.getElementById("myCanvas");
            var ctx = c.getContext("2d");
            ctx.fillRect(x, y, 150, 100);
    
              //var coords = "X coords: " + x + ", Y coords: " + y
              //document.getElementById("demo").innerHTML = coords;
            }
            </script>
    
    
    
            </body>
            </html>

      Thanks in Advance !!!

我想在点击事件填充时使用rgb（）随机颜色填充矩形

0 个答案: