1*c8dee2aaSAndroid Build Coastguard Worker /* 2*c8dee2aaSAndroid Build Coastguard Worker * Copyright 2019 Google Inc. 3*c8dee2aaSAndroid Build Coastguard Worker * 4*c8dee2aaSAndroid Build Coastguard Worker * Use of this source code is governed by a BSD-style license that can be 5*c8dee2aaSAndroid Build Coastguard Worker * found in the LICENSE file. 6*c8dee2aaSAndroid Build Coastguard Worker */ 7*c8dee2aaSAndroid Build Coastguard Worker 8*c8dee2aaSAndroid Build Coastguard Worker #include "gm/gm.h" 9*c8dee2aaSAndroid Build Coastguard Worker #include "include/core/SkCanvas.h" 10*c8dee2aaSAndroid Build Coastguard Worker #include "include/core/SkColor.h" 11*c8dee2aaSAndroid Build Coastguard Worker #include "include/core/SkPaint.h" 12*c8dee2aaSAndroid Build Coastguard Worker #include "include/core/SkPathBuilder.h" 13*c8dee2aaSAndroid Build Coastguard Worker 14*c8dee2aaSAndroid Build Coastguard Worker /* 15*c8dee2aaSAndroid Build Coastguard Worker * Canvas example. Expected large blue stroked circle, white middle, small red circle. 16*c8dee2aaSAndroid Build Coastguard Worker * GPU-accelerated canvas produces large blue stroked circle, white middle, NO red circle. 17*c8dee2aaSAndroid Build Coastguard Worker * 18*c8dee2aaSAndroid Build Coastguard Worker * 1: var c = document.getElementById("myCanvas"); 19*c8dee2aaSAndroid Build Coastguard Worker * 2: var ctx = c.getContext("2d"); 20*c8dee2aaSAndroid Build Coastguard Worker * 3: ctx.beginPath(); 21*c8dee2aaSAndroid Build Coastguard Worker * 4: ctx.scale(203.20, 203.20); 22*c8dee2aaSAndroid Build Coastguard Worker * 5: ctx.translate(-14.55, -711.51); 23*c8dee2aaSAndroid Build Coastguard Worker * 6: ctx.fillStyle = "red"; 24*c8dee2aaSAndroid Build Coastguard Worker * 7: ctx.strokeStyle = "blue"; 25*c8dee2aaSAndroid Build Coastguard Worker * 8: //ctx.lineWidth = 1/203.20; 26*c8dee2aaSAndroid Build Coastguard Worker * 9: ctx.arc(19.221, 720-6.76,0.0295275590551181,0,2*Math.PI); 27*c8dee2aaSAndroid Build Coastguard Worker * 10: ctx.stroke(); 28*c8dee2aaSAndroid Build Coastguard Worker * 11: ctx.fill(); 29*c8dee2aaSAndroid Build Coastguard Worker * 12: ctx.closePath(); 30*c8dee2aaSAndroid Build Coastguard Worker */ 31*c8dee2aaSAndroid Build Coastguard Worker DEF_SIMPLE_GM_BG(crbug_996140, canvas, 300, 300, SK_ColorWHITE) { 32*c8dee2aaSAndroid Build Coastguard Worker // Specific parameters taken from the canvas minimum working example 33*c8dee2aaSAndroid Build Coastguard Worker SkScalar cx = 19.221f; 34*c8dee2aaSAndroid Build Coastguard Worker SkScalar cy = 720-6.76f; 35*c8dee2aaSAndroid Build Coastguard Worker SkScalar radius = 0.0295275590551181f; 36*c8dee2aaSAndroid Build Coastguard Worker 37*c8dee2aaSAndroid Build Coastguard Worker SkScalar s = 203.20f; 38*c8dee2aaSAndroid Build Coastguard Worker SkScalar tx = -14.55f; 39*c8dee2aaSAndroid Build Coastguard Worker SkScalar ty = -711.51f; 40*c8dee2aaSAndroid Build Coastguard Worker 41*c8dee2aaSAndroid Build Coastguard Worker // 0: The test canvas was 1920x574 and the circle was located in the bottom left, but that's 42*c8dee2aaSAndroid Build Coastguard Worker // not necessary to reproduce the problem, so translate to make a smaller GM. 43*c8dee2aaSAndroid Build Coastguard Worker canvas->translate(-800, -200); 44*c8dee2aaSAndroid Build Coastguard Worker 45*c8dee2aaSAndroid Build Coastguard Worker // 3: ctx.beginPath(); 46*c8dee2aaSAndroid Build Coastguard Worker 47*c8dee2aaSAndroid Build Coastguard Worker // 4: ctx.scale(203.20, 203.20); 48*c8dee2aaSAndroid Build Coastguard Worker canvas->scale(s, s); 49*c8dee2aaSAndroid Build Coastguard Worker // 5: ctx.translate(-14.55, -711.51); 50*c8dee2aaSAndroid Build Coastguard Worker canvas->translate(tx, ty); 51*c8dee2aaSAndroid Build Coastguard Worker 52*c8dee2aaSAndroid Build Coastguard Worker // 6: ctx.fillStyle = "red"; 53*c8dee2aaSAndroid Build Coastguard Worker SkPaint fill; 54*c8dee2aaSAndroid Build Coastguard Worker fill.setColor(SK_ColorRED); 55*c8dee2aaSAndroid Build Coastguard Worker fill.setStyle(SkPaint::kFill_Style); 56*c8dee2aaSAndroid Build Coastguard Worker fill.setAntiAlias(true); 57*c8dee2aaSAndroid Build Coastguard Worker 58*c8dee2aaSAndroid Build Coastguard Worker // 7: ctx.strokeStyle = "blue"; 59*c8dee2aaSAndroid Build Coastguard Worker SkPaint stroke; 60*c8dee2aaSAndroid Build Coastguard Worker stroke.setColor(SK_ColorBLUE); 61*c8dee2aaSAndroid Build Coastguard Worker stroke.setStrokeWidth(1.f); 62*c8dee2aaSAndroid Build Coastguard Worker stroke.setStyle(SkPaint::kStroke_Style); 63*c8dee2aaSAndroid Build Coastguard Worker stroke.setAntiAlias(true); 64*c8dee2aaSAndroid Build Coastguard Worker 65*c8dee2aaSAndroid Build Coastguard Worker // 9: ctx.arc(19.221, 720-6.76,0.0295275590551181,0,2*Math.PI); 66*c8dee2aaSAndroid Build Coastguard Worker // This matches how Canvas prepares an arc(x, y, radius, 0, 2pi) call 67*c8dee2aaSAndroid Build Coastguard Worker SkRect boundingBox = SkRect::MakeLTRB(cx - radius, cy - radius, cx + radius, cy + radius); 68*c8dee2aaSAndroid Build Coastguard Worker 69*c8dee2aaSAndroid Build Coastguard Worker auto path = SkPathBuilder().arcTo(boundingBox, 0, 180.f, false) 70*c8dee2aaSAndroid Build Coastguard Worker .arcTo(boundingBox, 180.f, 180.f, false) 71*c8dee2aaSAndroid Build Coastguard Worker .detach(); 72*c8dee2aaSAndroid Build Coastguard Worker 73*c8dee2aaSAndroid Build Coastguard Worker // 12: ctx.closePath(); 74*c8dee2aaSAndroid Build Coastguard Worker // path.close(); 75*c8dee2aaSAndroid Build Coastguard Worker 76*c8dee2aaSAndroid Build Coastguard Worker // 10: ctx.stroke(); (NOT NEEDED TO REPRODUCE FAILING RED CIRCLE) 77*c8dee2aaSAndroid Build Coastguard Worker canvas->drawPath(path, stroke); 78*c8dee2aaSAndroid Build Coastguard Worker // 11: ctx.fill() 79*c8dee2aaSAndroid Build Coastguard Worker canvas->drawPath(path, fill); 80*c8dee2aaSAndroid Build Coastguard Worker } 81