Canvas draw rectangle

Draw rectangle html canvas

function drawRectangle(point: Vector, width: number, height: number) {
  this.context.beginPath();
  this.context.rect(point.x, point.y, width, height);
  this.context.fill();
  this.context.stroke();
}

Source: grepper.com

Draw rectangle html canvas

let canvas = document.getElementById("canvas");
let context = canvas.getContext("2d");
context.beginPath();
context.rect(point.x, point.y, width, height);
context.fill();
context.stroke();

Source: grepper.com

Js canvas rectangel

function draw() {
  var canvas = document.getElementById('canvas');
  if (canvas.getContext) {
    var ctx = canvas.getContext('2d');

    ctx.fillRect(25, 25, 100, 100);
    ctx.clearRect(45, 45, 60, 60);
    ctx.strokeRect(50, 50, 50, 50);
  }
}

-1

Source: developer.mozilla.org

Similar codes

0 vote214 views1 answer
Html doc
Html
14 votes220 views2 answers
How to display entered text when a button is clicked in html
Html
0 vote221 views1 answer
Impossible to create the root directory "/var/www/html/laraship-subscription/storage/app/public/media/user_v1oz1Yz27j/26
Html
4 votes234 views1 answer
Cool css buton
Html
0 vote237 views1 answer
Html table serial number
Html
9 votes227 views2 answers
Html input tag
Html
0 vote223 views1 answer
Data-url html
Html
3 votes209 views1 answer
Happy birthday html animation
Html
1 vote275 views1 answer
Material react grid
Html
1 vote217 views1 answer
Open new tab anhor tag
Html