Lines Matching full:path
2 moving a complex path. May be related to caching an alpha mask of the path at
8 - snap: Round all path translations to the nearest integer. This means subpixel coordinate.
10 - opacity: Use a transparent color to fill the path. If this option is
12 - translate: The path will be randomly translated every frame.
13 - rotate: The path will be randomly rotated every frame.
18 <title>Complex Path translation Perf</title>
32 #complex-path {
47 <canvas id=complex-path width=1000 height=1000></canvas>
84 // Path is large, scale canvas so entire path is visible
97 // Draw complex path with random translations and rotations.
118 for (const [path, color] of svgPathAndFillColorPairs) {
119 path.transform([Math.cos(randomRotation), -Math.sin(randomRotation), randomHorizontalTranslation,
123 skcanvas.drawPath(path, paint);
156 const pathElements = Array.from(svgElement.getElementsByTagName('path'));
157 return pathElements.map((path) => [
158 CanvasKit.MakePathFromSVGString(path.getAttribute("d")),
159 CanvasKit.parseColorString(path.getAttribute("fill")??'#000000')
166 surface = CanvasKit.MakeWebGLCanvasSurface('complex-path');
171 let c = document.getElementById('complex-path');
179 surface = CanvasKit.MakeSWCanvasSurface('complex-path');