160 lines
4.7 KiB
V
160 lines
4.7 KiB
V
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)
|