Convert Javascript to Typescript when modifying a function through the variable reference

Question

I am trying to convert a javascript code file to a typescript file, however, I have difficulties doing it when meeting to modify a function through the variable reference.

In javascript, the code was written as:

  Object.getPrototypeOf(ctx).rounded_rect = function(){

  }

where ctx is a canvas rendering context 2d varibale

How do I convert this code to typescript code? When I copy and paste it to typescript file, it shows error saying Property 'rounded_rect' does not exist on type 'CanvasRenderingContext2D'.

Also, what is this line of code called?

So you want to extend the native `CanvasRenderingContext2D` by adding `rounded_rect` method? — pawel, Nov 03 '17 at 18:25

Jonas Wilms · Accepted Answer · 2017-11-03T18:24:44.950

1

You need to extend the native prototype which requires a declaration first:

declare global {
   interface  CanvasRenderingContext2D {
      rounded_rect() : void;
   }
}

After that you can implement it:

CanvasRenderingContext2D.prototype.rounded_rect = function(){
 /*whatever*/
};

May refer to this similar answer...

edited Nov 03 '17 at 18:24

answered Nov 03 '17 at 18:18

Jonas Wilms

132,000
20
149
151

Convert Javascript to Typescript when modifying a function through the variable reference

1 Answers1