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="stylesheet" href="/tracing/ui/extras/chrome/cc/picture_ops_chart_view
.css"> | 8 <link rel="stylesheet" href="/tracing/ui/extras/chrome/cc/picture_ops_chart_view
.css"> |
9 | 9 |
10 <link rel="import" href="/tracing/ui/base/dom_helpers.html"> | 10 <link rel="import" href="/tracing/ui/base/dom_helpers.html"> |
(...skipping 20 matching lines...) Expand all Loading... |
31 /** | 31 /** |
32 * Provides a chart showing the cumulative time spent in Skia operations | 32 * Provides a chart showing the cumulative time spent in Skia operations |
33 * during picture rasterization. | 33 * during picture rasterization. |
34 * | 34 * |
35 * @constructor | 35 * @constructor |
36 */ | 36 */ |
37 var PictureOpsChartView = | 37 var PictureOpsChartView = |
38 tr.ui.b.define('tr-ui-e-chrome-cc-picture-ops-chart-view'); | 38 tr.ui.b.define('tr-ui-e-chrome-cc-picture-ops-chart-view'); |
39 | 39 |
40 PictureOpsChartView.prototype = { | 40 PictureOpsChartView.prototype = { |
41 __proto__: HTMLUnknownElement.prototype, | 41 __proto__: HTMLDivElement.prototype, |
42 | 42 |
43 decorate: function() { | 43 decorate: function() { |
44 this.picture_ = undefined; | 44 this.picture_ = undefined; |
45 this.pictureOps_ = undefined; | 45 this.pictureOps_ = undefined; |
46 this.opCosts_ = undefined; | 46 this.opCosts_ = undefined; |
47 | 47 |
48 this.chartScale_ = window.devicePixelRatio; | 48 this.chartScale_ = window.devicePixelRatio; |
49 | 49 |
50 this.chart_ = document.createElement('canvas'); | 50 this.chart_ = document.createElement('canvas'); |
51 this.chartCtx_ = this.chart_.getContext('2d'); | 51 this.chartCtx_ = this.chart_.getContext('2d'); |
(...skipping 439 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
491 this.chartCtx_.fillText('No timing data available.', | 491 this.chartCtx_.fillText('No timing data available.', |
492 this.chartWidth_ * 0.5, this.chartHeight_ * 0.5); | 492 this.chartWidth_ * 0.5, this.chartHeight_ * 0.5); |
493 } | 493 } |
494 }; | 494 }; |
495 | 495 |
496 return { | 496 return { |
497 PictureOpsChartView: PictureOpsChartView | 497 PictureOpsChartView: PictureOpsChartView |
498 }; | 498 }; |
499 }); | 499 }); |
500 </script> | 500 </script> |
OLD | NEW |