How do you center a rectangle in javaScript? Having the X and Y position of the rectangle being the center of the rectangle How do you center a rectangle in javaScript? Having the X and Y position of the rectangle being the center of the rectangle

How do you center a rectangle in javaScript? Having the X and Y position of the rectangle being the center of the rectangle. This is a rough idea for my code.

var cxt = canvas.getContext("2d");
var canvas = var canvas = document.getElementById("myCanvas");

function createSprite(x,y,width,height) {
 this.x=x;
 this.y=y;
 this.width=width;
 this.height=height;

 this.display(){
 
 cxt.beginPath();
 cxt.rect(this.x,this.y,this.width,this.height);
 cxt.fill();
 cxt.stroke();
 
 }

}


from Stackoverflow

Comments

Post a Comment

Popular posts from this blog

With jQuery, how to automatically select the value of an input text that has been modified with the arrows? With jQuery, how to automatically select the value of an input text that has been modified with the arrows?

I want to be able to increase/decrease the value of an input text with the keyboard arrows and have it automatically selected (with jQuery). I succeed the increase/decrease part but I fail on the selection part. I tried $input.select(); with no success. What am I doing wrong? $(".textInput").keydown(function(event) { var $input = $(this); if (event.which === 38) { $input.val((parseInt($input.val()) + 1)); } else if (event.which === 40) { $input.val((parseInt($input.val()) - 1)); } $input.select(); }); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <input type="text" value="300" class="textInput"> https://jsfiddle.net/timmyyy/1L94j2ye/2/ from Stackoverflow
Read more

Cannot create an instance of a defined class in Javascript Cannot create an instance of a defined class in Javascript

I have defined a class which represent a Pokemon: class Pokemon { constructor(id,nick,level,a1,a2,a3,a4) { this.id=id; this.name=setPokemonById(id); this.nick=nick; this.typeId=setTypeById(id); this.type=setElementById(this.typeId); this.level=level; this.attack1=a1; this.attack2=a2; this.attack3=a3; this.attack4=a4; this.attack1CurrPP=this.attack1.getPP(); this.attack2CurrPP=this.attack2.getPP(); this.attack3CurrPP=this.attack3.getPP(); this.attack4CurrPP=this.attack4.getPP(); this.hp=generateHP(id,level); this.currHP=this.hp; } getId() {return this.id;}; getName() {return this.n
Read more

Using Ts-Standard linting, JSDoc comment at beginning of file triggers "This rule requires the `strictNullChecks` compiler option" error Using Ts-Standard linting, JSDoc comment at beginning of file triggers "This rule requires the `strictNullChecks` compiler option" error

I'm using Typescript and the TS-standard version of StandardJS's ESlint plugin and extension for VSCode. I have been using JSDoc-style comment blocks ( /** Some text */ ) at the beginning of javascript and now typescript files to indicate things like author and give a general overview of the contents of the file. I was using the standardJS eslint plugin already, but it generally didn't work properly on my code library, never figured out why. Recently I started upgrading my codebase to Typescript, and now I'm getting this error on all of these comment blocks: This rule requires the `strictNullChecks` compiler option to be turned on to function correctly. (@typescript-eslint/strict-boolean-expressions)ts-standard(@typescript-eslint/strict-boolean-expressions) I tried turning on the strictNullChecks option, and it did indeed clear that error, but is also a nightmare for certain places where I know values aren't going to be null if the object exists at all (and using
Read more