кодесурса
«JavaScript

JavaScript: нарисуйте два пересекающихся прямоугольника, один из которых имеет альфа-прозрачность

script1adsense2code
script1adsense3code

Рисование JavaScript: упражнение-3 с решением

Напишите программу на JavaScript, чтобы нарисовать два пересекающихся прямоугольника, один из которых имеет альфа-прозрачность.

Пример вывода:

«пересекающиеся

Пример решения:

HTML-код:

<!DOCTYPE html>
  <html>
  <head>
  <meta charset=utf-8 />
  <title>Draw two intersecting rectangles, one of which has alpha transparency</title>
  </head>
  <body onload="draw();">
  <canvas id="canvas" width="150" height="150"></canvas>
  </body>
  </html>
  

Код JavaScript:

function draw() 
  {
      var canvas = document.getElementById("canvas");
      if (canvas.getContext)
      {
        var context = canvas.getContext("2d");
        context.fillStyle ="rgb(256,0,0)";
        context.fillRect (15, 10, 55, 50);
        
        context.fillStyle ="rgba(0, 0, 200, 0.6)";
        context.fillRect (35, 30, 55, 50);
      }
  }
  

Демонстрация в реальном времени:

См. Pen javascript-drawing-упражнение-3 от w3resource ( @ w3resource ) в CodePen .


Внесите свой код и комментарии через Disqus.

Предыдущий: Напишите программу на JavaScript для рисования круга.
Далее: Напишите программу на JavaScript, чтобы нарисовать следующий прямоугольный треугольник.

Каков уровень сложности этого упражнения?

Новый контент: Composer: менеджер зависимостей для PHP , R программирования


script1adsense4code
script1adsense5code
disqus2code
script1adsense6code
script1adsense7code
script1adsense8code
buysellads2code