jsdom, checker: add more methods for CanvasRenderingContext2D, fix interop check for JS methods (#12372)

vlib/jsdom/context_2d.js.v

@@ -0,0 +1,159 @@
+module jsdom
+
+struct JS.CanvasRenderingContext2D {
+mut:
+	lineWidth                JS.Number
+	lineCap                  JS.String
+	lineJoin                 JS.String
+	miterLimit               JS.Number
+	lineDashOffset           JS.Number
+	font                     JS.String
+	textAlign                JS.String
+	textBaseline             JS.String
+	direction                JS.String
+	fillStyle                voidptr
+	strokeStyle              voidptr
+	shadowBlur               JS.Number
+	shadowColor              JS.String
+	shadowOffsetX            JS.Number
+	shadowOffsetY            JS.Number
+	globalAlpha              JS.Number
+	globalCompositeOperation JS.String
+}
+
+pub enum LineJoin {
+	bevel
+	round
+	miter
+}
+
+pub struct CanvasRenderingContext2D {
+mut:
+	ctx JS.CanvasRenderingContext2D [noinit]
+}
+
+pub type StrokeStyle = JS.CanvasGradient | string
+
+pub fn (ctx CanvasRenderingContext2D) begin_path() {
+	#ctx.ctx.beginPath();
+}
+
+pub fn (ctx CanvasRenderingContext2D) set_line_join(j LineJoin) {
+	match j {
+		.bevel {
+			#ctx.ctx.lineJoin = 'bevel'.str
+		}
+		.round {
+			#ctx.ctx.lineJoin = 'round'.str
+		}
+		.miter {
+			#ctx.ctx.lineJoin = 'miter'.str
+		}
+	}
+}
+
+pub fn (ctx CanvasRenderingContext2D) set_stroke_style(style StrokeStyle) {
+	#ctx.ctx.strokeStyle = style instanceof string ? style.str : style
+}
+
+pub fn (ctx CanvasRenderingContext2D) set_fill_style(style StrokeStyle) {
+	#ctx.ctx.fillStyle = style instanceof string ? style.str : style
+}
+
+pub fn (ctx CanvasRenderingContext2D) line_width() f64 {
+	res := 0
+	#res.val = ctx.ctx.lineWidth
+
+	return res
+}
+
+pub fn (ctx CanvasRenderingContext2D) font() string {
+	res := ''
+	#res.str = ctx.ctx.font;
+
+	return res
+}
+
+pub fn (ctx CanvasRenderingContext2D) set_font(font string) {
+	#ctx.ctx.font = font.str;
+}
+
+pub fn (ctx CanvasRenderingContext2D) fill_rect(x f64, y f64, width f64, height f64) {
+	#ctx.ctx.fillRect(x.val,y.val,width.val,height.val)
+}
+
+pub fn (ctx CanvasRenderingContext2D) set_line_width(width f64) {
+	#ctx.ctx.lineWidth = width.val
+}
+
+pub fn (ctx CanvasRenderingContext2D) move_to(x f64, y f64) {
+	#ctx.ctx.moveTo(x.val,y.val);
+}
+
+pub fn (ctx CanvasRenderingContext2D) line_to(x f64, y f64) {
+	#ctx.ctx.lineTo(x.val,y.val);
+}
+
+pub fn (ctx CanvasRenderingContext2D) stroke() {
+	#ctx.ctx.stroke();
+}
+
+pub fn (ctx CanvasRenderingContext2D) close_path() {
+	#ctx.ctx.closePath();
+}
+
+pub fn (ctx CanvasRenderingContext2D) stroke_rect(x f64, y f64, width f64, height f64) {
+	#ctx.ctx.strokeRect(x.val,y.val,width.val,height.val);
+}
+
+pub fn (ctx CanvasRenderingContext2D) clear_rect(x f64, y f64, width f64, height f64) {
+	#ctx.ctx.clearRect(x.val,y.val,width.val,height.val);
+}
+
+pub fn (ctx CanvasRenderingContext2D) create_linear_gradient(x0 f64, y0 f64, x1 f64, y1 f64) JS.CanvasGradient {
+	return ctx.ctx.createLinearGradient(x0, y0, x1, y1)
+}
+
+pub fn (ctx CanvasRenderingContext2D) create_conic_gradient(start_angle f64, x f64, y f64) JS.CanvasGradient {
+	return ctx.ctx.createConicGradient(start_angle, x, y)
+}
+
+pub fn (ctx CanvasRenderingContext2D) create_radial_gradient(x0 f64, y0 f64, r0 f64, x1 f64, y1 f64, r1 f64) JS.CanvasGradient {
+	return ctx.ctx.createRadialGradient(x0, y0, r0, x1, y1, r1)
+}
+
+pub fn (ctx CanvasRenderingContext2D) bezier_curve_to(cp1x f64, cp1y f64, cp2x f64, cp2y f64, x f64, y f64) {
+	#ctx.ctx.bezierCurveTo(cp1x.val,cp1y.val,cp2x.val,cp2y.val, x.val,y.val);
+}
+
+pub fn (ctx CanvasRenderingContext2D) quadratic_curve_to(cpx f64, cpy f64, x f64, y f64) {
+	#ctx.ctx.quadraticCurveTo(cpx.val,cpy.val,x.val,y.val);
+}
+
+pub fn (ctx CanvasRenderingContext2D) arc(x f64, y f64, radius f64, start_angle f64, end_angle f64, counter_clockwise bool) {
+	#ctx.ctx.arc(x.val,y.val,radius.val,start_angle.val,end_angle.val,counter_clockwise.val)
+}
+
+pub fn (ctx CanvasRenderingContext2D) arc_to(x1 f64, y1 f64, x2 f64, y2 f64, radius f64) {
+	#ctx.ctx.arcTo(x1.val,y1.val,x2.val,y2.val,radius.val);
+}
+
+pub fn (ctx CanvasRenderingContext2D) ellipse(x f64, y f64, radius_x f64, radius_y f64, rotation f64, start_angle f64, end_angle f64, counter_clockwise bool) {
+	#ctx.ctx.ellipse(x.val,y.val,radius_x.val,radius_y.val,rotation.val,start_angle.val,end_angle.val,counter_clockwise.val);
+}
+
+pub fn (ctx CanvasRenderingContext2D) rect(x f64, y f64, width f64, height f64) {
+	#ctx.ctx.rect(x.val,y.val,widht.val,height.val);
+}
+
+pub fn (ctx CanvasRenderingContext2D) draw_focus_if_needed(el IElement) {
+	#ctx.ctx.drawFocusIfNeeded(el.val.node);
+}
+
+fn (ctx JS.CanvasRenderingContext2D) createRadialGradient(x0 f64, y0 f64, r0 f64, x1 f64, y1 f64, r1 f64) JS.CanvasGradient
+
+fn (ctx JS.CanvasRenderingContext2D) createConicGradient(startAngle f64, x f64, y f64) JS.CanvasGradient
+
+fn (ctx JS.CanvasRenderingContext2D) createLinearGradient(x0 f64, y0 f64, x1 f64, y1 f64) JS.CanvasGradient
+
+pub fn (gradient JS.CanvasGradient) addColorStop(x f64, color string)