Lines Matching refs:ctx

4 // tests should NOT call ctx.surface.flush()
31 setup: function(CanvasKit, ctx) {
32 ctx.canvas = ctx.surface.getCanvas();
34 test: function(CanvasKit, ctx) {
39 ctx.canvas.save();
40 ctx.canvas.clipRect(CanvasKit.LTRBRect(x, y, x+50, y+50),
42 ctx.canvas.drawColor(randomColorTwo(CanvasKit, 0, 1), CanvasKit.BlendMode.SrcOver);
43 ctx.canvas.restore();
46 teardown: function(CanvasKit, ctx) {},
52 setup: function(CanvasKit, ctx) {
53 ctx.canvas = ctx.surface.getCanvas();
55 ctx.paint = new CanvasKit.Paint();
56 ctx.paint.setAntiAlias(true);
57 ctx.paint.setStyle(CanvasKit.PaintStyle.Fill);
59 test: function(CanvasKit, ctx) {
63 ctx.paint.setColor(randomColorTwo(CanvasKit, 1, 2));
64 ctx.canvas.drawOval(CanvasKit.LTRBRect(x, y, x+50, y+50), ctx.paint);
67 teardown: function(CanvasKit, ctx) {
68 ctx.paint.delete();
75 setup: function(CanvasKit, ctx) {
76 ctx.canvas = ctx.surface.getCanvas();
78 ctx.paint = new CanvasKit.Paint();
79 ctx.paint.setAntiAlias(true);
80 ctx.paint.setStyle(CanvasKit.PaintStyle.Fill);
82 test: function(CanvasKit, ctx) {
86 ctx.paint.setColor(randomColorTwo(CanvasKit, 0, 2));
88 ctx.canvas.drawRRect(rr, ctx.paint);
91 teardown: function(CanvasKit, ctx) {
92 ctx.paint.delete();
99 setup: function(CanvasKit, ctx) {
100 ctx.canvas = ctx.surface.getCanvas();
102 ctx.paint = new CanvasKit.Paint();
103 ctx.paint.setAntiAlias(true);
104 ctx.paint.setStyle(CanvasKit.PaintStyle.Fill);
106 test: function(CanvasKit, ctx) {
110 ctx.paint.setColor(randomColorTwo(CanvasKit, 1, 2));
111 ctx.canvas.drawRect(CanvasKit.LTRBRect(x, y, x+50, y+50), ctx.paint);
114 teardown: function(CanvasKit, ctx) {
115 ctx.paint.delete();
122 setup: function(CanvasKit, ctx) {
123 ctx.canvas = ctx.surface.getCanvas();
125 ctx.paint = new CanvasKit.Paint();
126 ctx.paint.setAntiAlias(true);
127 ctx.paint.setStyle(CanvasKit.PaintStyle.Fill);
128 ctx.rect = CanvasKit.Malloc(Float32Array, 4);
130 test: function(CanvasKit, ctx) {
132 ctx.paint.setColor(randomColorTwo(CanvasKit, 1, 2));
133 const ta = ctx.rect.toTypedArray();
138 ctx.canvas.drawRect(ta, ctx.paint);
141 teardown: function(CanvasKit, ctx) {
142 ctx.paint.delete();
143 CanvasKit.Free(ctx.rect);
150 setup: function(CanvasKit, ctx) {
151 ctx.canvas = ctx.surface.getCanvas();
153 ctx.paint = new CanvasKit.Paint();
154 ctx.paint.setAntiAlias(true);
155 ctx.paint.setStyle(CanvasKit.PaintStyle.Fill);
157 test: function(CanvasKit, ctx) {
161 ctx.paint.setColor(randomColorTwo(CanvasKit, 1, 2));
162 ctx.canvas.drawRect4f(x, y, x+50, y+50, ctx.paint);
165 teardown: function(CanvasKit, ctx) {
166 ctx.paint.delete();
173 setup: function(CanvasKit, ctx) {},
174 test: function(CanvasKit, ctx) {
187 teardown: function(CanvasKit, ctx) {},
193 setup: function(CanvasKit, ctx) {
194 ctx.paint = new CanvasKit.Paint();
196 test: function(CanvasKit, ctx) {
198 ctx.paint.setColor(randomColor(CanvasKit));
199 const color = ctx.paint.getColor();
206 teardown: function(CanvasKit, ctx) {
207 ctx.paint.delete();
214 setup: function(CanvasKit, ctx) {
215 ctx.paint = new CanvasKit.Paint();
217 test: function(CanvasKit, ctx) {
223 ctx.paint.setColorComponents(r, g, b, a);
226 teardown: function(CanvasKit, ctx) {
227 ctx.paint.delete();
234 setup: function(CanvasKit, ctx) {
235 ctx.canvas = ctx.surface.getCanvas();
237 ctx.input = {
241 ctx.lightRadius = 30;
242 ctx.flags = 0;
243 ctx.lightPos = [250,150,300];
244 ctx.zPlaneParams = [0,0,1];
245 ctx.path = starPath(CanvasKit);
247 test: function(CanvasKit, ctx) {
248 const out = CanvasKit.computeTonalColors(ctx.input);
249 ctx.canvas.drawShadow(ctx.path, ctx.zPlaneParams, ctx.lightPos, ctx.lightRadius,
250 out.ambient, out.spot, ctx.flags);
252 teardown: function(CanvasKit, ctx) {},
258 setup: function(CanvasKit, ctx) {
259 ctx.canvas = ctx.surface.getCanvas();
261 test: function(CanvasKit, ctx) {
262 ctx.canvas.clear(CanvasKit.WHITE);
282 ctx.canvas.drawPaint(paint);
287 teardown: function(CanvasKit, ctx) {},
293 setup: async function(CanvasKit, ctx) {
294 ctx.canvas = ctx.surface.getCanvas();
295 ctx.paint = new CanvasKit.Paint();
296 ctx.img = CanvasKit.MakeImageFromEncoded(ctx.files['test_512x512.png']);
297 ctx.frame = 0;
299 test: function(CanvasKit, ctx) {
300 ctx.canvas.clear(CanvasKit.WHITE);
302 ctx.canvas.drawImage(ctx.img, ctx.frame, ctx.frame, ctx.paint);
303 ctx.frame++;
305 teardown: function(CanvasKit, ctx) {
306 ctx.img.delete();
307 ctx.paint.delete();
317 const ctx = canvas.getContext('2d')
318 ctx.drawImage(htmlImageElement, 0, 0);
338 setup: async function(CanvasKit, ctx) {
339 ctx.imageDataURL = await imageDataURLPromise;
341 test: async function(CanvasKit, ctx) {
349 image.src = ctx.imageDataURL;
354 teardown: function(CanvasKit, ctx) {},
360 setup: function(CanvasKit, ctx) {},
361 test: function(CanvasKit, ctx) {
362 const img = CanvasKit.MakeImageFromEncoded(ctx.files[testImageFilename]);
365 teardown: function(CanvasKit, ctx) {},
373 setup: function(CanvasKit, ctx) {
374 ctx.first = CanvasKit.Matrix.rotated(Math.PI/2, 10, 20);
375 ctx.second = CanvasKit.Matrix.scaled(1, 2, 3, 4);
377 test: function(CanvasKit, ctx) {
378 ctx.result = CanvasKit.Matrix.multiply(ctx.first, ctx.second);
379 if (ctx.result.length === 18) {
383 teardown: function(CanvasKit, ctx) {},
389 setup: function(CanvasKit, ctx) {
390 ctx.matr = CanvasKit.Matrix.multiply(
395 test: function(CanvasKit, ctx) {
397 const pt = CanvasKit.Matrix.mapPoints(ctx.matr, [i, i]);
403 teardown: function(CanvasKit, ctx) {},
409 setup: function(CanvasKit, ctx) {
410 ctx.matr = CanvasKit.Matrix.multiply(
415 test: function(CanvasKit, ctx) {
416 ctx.result = CanvasKit.Matrix.invert(ctx.matr);
417 if (ctx.result.length === 18) {
421 teardown: function(CanvasKit, ctx) {},
427 setup: function(CanvasKit, ctx) {
428 ctx.matr = CanvasKit.Matrix.multiply(
433 test: function(CanvasKit, ctx) {
439 ctx.matr);
442 teardown: function(CanvasKit, ctx) {},
448 setup: function(CanvasKit, ctx) {
449 ctx.canvas = new CanvasKit.Canvas();
450 ctx.matr = CanvasKit.Matrix.multiply(
455 test: function(CanvasKit, ctx) {
456 ctx.canvas.concat(ctx.matr);
458 teardown: function(CanvasKit, ctx) {
459 ctx.canvas.delete();
467 setup: function(CanvasKit, ctx) {
468 ctx.first = CanvasKit.M44.rotated([10, 20, 30], Math.PI/2);
469 ctx.second = CanvasKit.M44.scaled([1, 2, 3]);
471 test: function(CanvasKit, ctx) {
472 ctx.result = CanvasKit.M44.multiply(ctx.first, ctx.second);
473 if (ctx.result.length === 18) {
477 teardown: function(CanvasKit, ctx) {},
483 setup: function(CanvasKit, ctx) {
484 ctx.matr = CanvasKit.M44.multiply(
489 test: function(CanvasKit, ctx) {
490 const result = CanvasKit.M44.invert(ctx.matr);
495 teardown: function(CanvasKit, ctx) {},
501 setup: function(CanvasKit, ctx) {
502 ctx.canvas = new CanvasKit.Canvas();
503 ctx.matr = CanvasKit.M44.multiply(
508 test: function(CanvasKit, ctx) {
509 ctx.canvas.concat(ctx.matr);
511 teardown: function(CanvasKit, ctx) {
512 ctx.canvas.delete();
520 setup: function(CanvasKit, ctx) {
521 ctx.first = new DOMMatrix().translate(10, 20).rotate(90).translate(-10, -20);
522 ctx.second = new DOMMatrix().translate(3, 4).scale(1, 2).translate(-3, -4);
524 test: function(CanvasKit, ctx) {
525 const result = ctx.first.multiply(ctx.second);
530 teardown: function(CanvasKit, ctx) {},
536 setup: function(CanvasKit, ctx) {
537 ctx.matr = new DOMMatrix().translate(10, 20).rotate(90).translate(-10, -20)
540 ctx.reusablePt = new DOMPoint(0, 0)
542 test: function(CanvasKit, ctx) {
544 ctx.reusablePt.X = i; ctx.reusablePt.Y = i;
545 const pt = ctx.matr.transformPoint(ctx.reusablePt);
551 teardown: function(CanvasKit, ctx) {},
557 setup: function(CanvasKit, ctx) {
558 ctx.matr = new DOMMatrix().translate(10, 20).rotate(90).translate(-10, -20)
561 test: function(CanvasKit, ctx) {
562 const inverted = ctx.matr.inverse();
567 teardown: function(CanvasKit, ctx) {},
573 setup: function(CanvasKit, ctx) {
574 ctx.matr = new DOMMatrix().translate(10, 20).rotate(90).translate(-10, -20)
577 test: function(CanvasKit, ctx) {
583 ctx.matr);
586 teardown: function(CanvasKit, ctx) {},
598 setup: function(CanvasKit, ctx) {
599 ctx.canvas = ctx.surface.getCanvas();
600 ctx.fontMgr = CanvasKit.FontMgr.FromData([ctx.files['Roboto-Regular.ttf']]);
601 ctx.paraStyle = new CanvasKit.ParagraphStyle({
609 ctx.frame = 0;
610 ctx.text = "annap sap sa ladipidapidi rapadip sam dim dap dim dap do raka dip da da badip badip badipidipidipadisuten din dab do ".repeat(40);
612 test: function(CanvasKit, ctx) {
613 ctx.canvas.clear(CanvasKit.BLACK);
614 const builder = CanvasKit.ParagraphBuilder.Make(ctx.paraStyle, ctx.fontMgr);
617 while (pos < ctx.text.length) {
621 size += ctx.frame % 4;
635 builder.addText(ctx.text.slice(pos, pos+len));
644 w = ctx.frame % varying_width_modulo;
647 ctx.canvas.drawParagraph(paragraph, 10, 10);
649 ctx.frame++;
653 teardown: function(CanvasKit, ctx) {
654 ctx.fontMgr.delete();
662 setup: function(CanvasKit, ctx) {
663 ctx.canvas = ctx.surface.getCanvas();
664 ctx.paint = new CanvasKit.Paint();
665 ctx.paint.setAntiAlias(true);
666 ctx.paint.setStyle(CanvasKit.PaintStyle.Fill);
667 ctx.paint.setColor(CanvasKit.Color4f(0.1, 0.7, 0.0, 1.0));
668 ctx.path = starPath(CanvasKit);
669 ctx.frame = 0;
671 test: function(CanvasKit, ctx) {
672 const sigma = 0.1 + (ctx.frame/10);
675 ctx.paint.setMaskFilter(blurMask);
676 ctx.canvas.drawPath(ctx.path, ctx.paint);
678 ctx.frame++;
680 teardown: function(CanvasKit, ctx) {
681 ctx.paint.delete();
682 ctx.path.delete();
690 setup: function (CanvasKit, ctx) {
691 const robotoData = ctx.files['Roboto-Regular.' + variant];
692 ctx.robotoFace = CanvasKit.Typeface.MakeFreeTypeFaceFromData(robotoData);
693 if (!ctx.robotoFace) {
696 ctx.robotoFont = new CanvasKit.Font(ctx.robotoFace, 20);
697 ctx.testGlyphID = 1;
699 test: function (CanvasKit, ctx) {
703 for (let i = ctx.testGlyphID; i < ctx.testGlyphID+100; i++) {
704 ctx.robotoFont.getGlyphIDs(String.fromCodePoint(i), 1, output);
706 ctx.testGlyphID += 100;
708 teardown: function (CanvasKit, ctx) {
709 ctx.robotoFace.delete();
710 ctx.robotoFont.delete();