OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <!-- | 2 <!-- |
3 Copyright (c) 2013 The Chromium Authors. All rights reserved. | 3 Copyright (c) 2013 The Chromium Authors. All rights reserved. |
4 Use of this source code is governed by a BSD-style license that can be | 4 Use of this source code is governed by a BSD-style license that can be |
5 found in the LICENSE file. | 5 found in the LICENSE file. |
6 --> | 6 --> |
7 | 7 |
8 <link rel="import" href="/tracing/base/sorted_array_utils.html"> | 8 <link rel="import" href="/tracing/base/math/sorted_array_utils.html"> |
9 <link rel="import" href="/tracing/ui/base/elided_cache.html"> | 9 <link rel="import" href="/tracing/ui/base/elided_cache.html"> |
10 <link rel="import" href="/tracing/ui/base/event_presenter.html"> | 10 <link rel="import" href="/tracing/ui/base/event_presenter.html"> |
11 | 11 |
12 <script> | 12 <script> |
13 'use strict'; | 13 'use strict'; |
14 | 14 |
15 /** | 15 /** |
16 * @fileoverview Provides various helper methods for drawing to a provided | 16 * @fileoverview Provides various helper methods for drawing to a provided |
17 * canvas. | 17 * canvas. |
18 */ | 18 */ |
(...skipping 137 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
156 var lightRectHeight = height - darkRectHeight; | 156 var lightRectHeight = height - darkRectHeight; |
157 | 157 |
158 // Begin rendering in world space. | 158 // Begin rendering in world space. |
159 ctx.save(); | 159 ctx.save(); |
160 dt.applyTransformToCanvas(ctx); | 160 dt.applyTransformToCanvas(ctx); |
161 | 161 |
162 var rect = new tr.ui.b.FastRectRenderer( | 162 var rect = new tr.ui.b.FastRectRenderer( |
163 ctx, 2 * pixWidth, 2 * pixWidth, colorsAsStrings); | 163 ctx, 2 * pixWidth, 2 * pixWidth, colorsAsStrings); |
164 rect.setYandH(0, height); | 164 rect.setYandH(0, height); |
165 | 165 |
166 var lowSlice = tr.b.findLowIndexInSortedArray( | 166 var lowSlice = tr.b.math.findLowIndexInSortedArray( |
167 slices, | 167 slices, |
168 function(slice) { return slice.start + slice.duration; }, | 168 function(slice) { return slice.start + slice.duration; }, |
169 viewLWorld); | 169 viewLWorld); |
170 | 170 |
171 var hadTopLevel = false; | 171 var hadTopLevel = false; |
172 | 172 |
173 for (var i = lowSlice; i < slices.length; ++i) { | 173 for (var i = lowSlice; i < slices.length; ++i) { |
174 var slice = slices[i]; | 174 var slice = slices[i]; |
175 var x = slice.start; | 175 var x = slice.start; |
176 if (x > viewRWorld) | 176 if (x > viewRWorld) |
(...skipping 123 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
300 var height = viewHeight * pixelRatio; | 300 var height = viewHeight * pixelRatio; |
301 | 301 |
302 var pixWidth = dt.xViewVectorToWorld(1); | 302 var pixWidth = dt.xViewVectorToWorld(1); |
303 | 303 |
304 // Begin rendering in world space. | 304 // Begin rendering in world space. |
305 ctx.save(); | 305 ctx.save(); |
306 ctx.lineWidth = pixWidth * lineWidthInPixels * pixelRatio; | 306 ctx.lineWidth = pixWidth * lineWidthInPixels * pixelRatio; |
307 dt.applyTransformToCanvas(ctx); | 307 dt.applyTransformToCanvas(ctx); |
308 ctx.beginPath(); | 308 ctx.beginPath(); |
309 | 309 |
310 var lowSlice = tr.b.findLowIndexInSortedArray( | 310 var lowSlice = tr.b.math.findLowIndexInSortedArray( |
311 slices, | 311 slices, |
312 function(slice) { return slice.start; }, | 312 function(slice) { return slice.start; }, |
313 viewLWorld); | 313 viewLWorld); |
314 | 314 |
315 for (var i = lowSlice; i < slices.length; ++i) { | 315 for (var i = lowSlice; i < slices.length; ++i) { |
316 var slice = slices[i]; | 316 var slice = slices[i]; |
317 var x = slice.start; | 317 var x = slice.start; |
318 if (x > viewRWorld) | 318 if (x > viewRWorld) |
319 break; | 319 break; |
320 | 320 |
(...skipping 34 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
355 | 355 |
356 ctx.textAlign = 'center'; | 356 ctx.textAlign = 'center'; |
357 ctx.textBaseline = 'top'; | 357 ctx.textBaseline = 'top'; |
358 ctx.font = (fontSize * pixelRatio) + 'px sans-serif'; | 358 ctx.font = (fontSize * pixelRatio) + 'px sans-serif'; |
359 | 359 |
360 if (async) | 360 if (async) |
361 ctx.font = 'italic ' + ctx.font; | 361 ctx.font = 'italic ' + ctx.font; |
362 | 362 |
363 var cY = yOffset * pixelRatio; | 363 var cY = yOffset * pixelRatio; |
364 | 364 |
365 var lowSlice = tr.b.findLowIndexInSortedArray( | 365 var lowSlice = tr.b.math.findLowIndexInSortedArray( |
366 slices, | 366 slices, |
367 function(slice) { return slice.start + slice.duration; }, | 367 function(slice) { return slice.start + slice.duration; }, |
368 viewLWorld); | 368 viewLWorld); |
369 | 369 |
370 // Don't render text until until it is 20px wide | 370 // Don't render text until until it is 20px wide |
371 var quickDiscardThresshold = pixWidth * 20; | 371 var quickDiscardThresshold = pixWidth * 20; |
372 for (var i = lowSlice; i < slices.length; ++i) { | 372 for (var i = lowSlice; i < slices.length; ++i) { |
373 var slice = slices[i]; | 373 var slice = slices[i]; |
374 if (slice.start > viewRWorld) | 374 if (slice.start > viewRWorld) |
375 break; | 375 break; |
(...skipping 34 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
410 drawLine, | 410 drawLine, |
411 drawTriangle, | 411 drawTriangle, |
412 drawArrow, | 412 drawArrow, |
413 | 413 |
414 elidedTitleCache_: elidedTitleCache, | 414 elidedTitleCache_: elidedTitleCache, |
415 | 415 |
416 THIN_SLICE_HEIGHT, | 416 THIN_SLICE_HEIGHT, |
417 }; | 417 }; |
418 }); | 418 }); |
419 </script> | 419 </script> |
OLD | NEW |