| OLD | NEW |
| 1 // Copyright 2015 The Chromium Authors. All rights reserved. | 1 // Copyright 2015 The Chromium Authors. All rights reserved. |
| 2 // Use of this source code is governed by a BSD-style license that can be | 2 // Use of this source code is governed by a BSD-style license that can be |
| 3 // found in the LICENSE file. | 3 // found in the LICENSE file. |
| 4 /** | 4 /** |
| 5 * @unrestricted | 5 * @unrestricted |
| 6 */ | 6 */ |
| 7 Emulation.DeviceModeView = class extends UI.VBox { | 7 Emulation.DeviceModeView = class extends UI.VBox { |
| 8 constructor() { | 8 constructor() { |
| 9 super(true); | 9 super(true); |
| 10 this.setMinimumSize(150, 150); | 10 this.setMinimumSize(150, 150); |
| (...skipping 345 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 356 * @override | 356 * @override |
| 357 */ | 357 */ |
| 358 willHide() { | 358 willHide() { |
| 359 this._model.emulate(Emulation.DeviceModeModel.Type.None, null, null); | 359 this._model.emulate(Emulation.DeviceModeModel.Type.None, null, null); |
| 360 } | 360 } |
| 361 | 361 |
| 362 /** | 362 /** |
| 363 * @return {!Promise} | 363 * @return {!Promise} |
| 364 */ | 364 */ |
| 365 async captureScreenshot() { | 365 async captureScreenshot() { |
| 366 SDK.OverlayModel.muteHighlight(); | 366 SDK.DOMModel.muteHighlight(); |
| 367 var screenshot = await this._model.captureScreenshot(false); | 367 var screenshot = await this._model.captureScreenshot(false); |
| 368 SDK.OverlayModel.unmuteHighlight(); | 368 SDK.DOMModel.unmuteHighlight(); |
| 369 if (screenshot === null) | 369 if (screenshot === null) |
| 370 return; | 370 return; |
| 371 | 371 |
| 372 var pageImage = new Image(); | 372 var pageImage = new Image(); |
| 373 pageImage.src = 'data:image/png;base64,' + screenshot; | 373 pageImage.src = 'data:image/png;base64,' + screenshot; |
| 374 pageImage.onload = async () => { | 374 pageImage.onload = async () => { |
| 375 var scale = window.devicePixelRatio / this._model.scale(); | 375 var scale = window.devicePixelRatio / this._model.scale(); |
| 376 var outlineRect = this._model.outlineRect().scale(scale); | 376 var outlineRect = this._model.outlineRect().scale(scale); |
| 377 var screenRect = this._model.screenRect().scale(scale); | 377 var screenRect = this._model.screenRect().scale(scale); |
| 378 var visiblePageRect = this._model.visiblePageRect().scale(scale); | 378 var visiblePageRect = this._model.visiblePageRect().scale(scale); |
| (...skipping 12 matching lines...) Expand all Loading... |
| 391 await this._paintImage(ctx, this._model.screenImage(), screenRect.relati
veTo(outlineRect)); | 391 await this._paintImage(ctx, this._model.screenImage(), screenRect.relati
veTo(outlineRect)); |
| 392 ctx.drawImage(pageImage, Math.floor(contentLeft), Math.floor(contentTop)); | 392 ctx.drawImage(pageImage, Math.floor(contentLeft), Math.floor(contentTop)); |
| 393 this._saveScreenshot(canvas); | 393 this._saveScreenshot(canvas); |
| 394 }; | 394 }; |
| 395 } | 395 } |
| 396 | 396 |
| 397 /** | 397 /** |
| 398 * @return {!Promise} | 398 * @return {!Promise} |
| 399 */ | 399 */ |
| 400 async captureFullSizeScreenshot() { | 400 async captureFullSizeScreenshot() { |
| 401 SDK.OverlayModel.muteHighlight(); | 401 SDK.DOMModel.muteHighlight(); |
| 402 var screenshot = await this._model.captureScreenshot(true); | 402 var screenshot = await this._model.captureScreenshot(true); |
| 403 SDK.OverlayModel.unmuteHighlight(); | 403 SDK.DOMModel.unmuteHighlight(); |
| 404 if (screenshot === null) | 404 if (screenshot === null) |
| 405 return; | 405 return; |
| 406 | 406 |
| 407 var pageImage = new Image(); | 407 var pageImage = new Image(); |
| 408 pageImage.src = 'data:image/png;base64,' + screenshot; | 408 pageImage.src = 'data:image/png;base64,' + screenshot; |
| 409 pageImage.onload = () => { | 409 pageImage.onload = () => { |
| 410 var canvas = createElement('canvas'); | 410 var canvas = createElement('canvas'); |
| 411 canvas.width = pageImage.width; | 411 canvas.width = pageImage.width; |
| 412 canvas.height = pageImage.height; | 412 canvas.height = pageImage.height; |
| 413 var ctx = canvas.getContext('2d'); | 413 var ctx = canvas.getContext('2d'); |
| (...skipping 132 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 546 return Promise.resolve(); | 546 return Promise.resolve(); |
| 547 } | 547 } |
| 548 | 548 |
| 549 /** | 549 /** |
| 550 * @param {number} size | 550 * @param {number} size |
| 551 */ | 551 */ |
| 552 _onMarkerClick(size) { | 552 _onMarkerClick(size) { |
| 553 this._applyCallback.call(null, size); | 553 this._applyCallback.call(null, size); |
| 554 } | 554 } |
| 555 }; | 555 }; |
| OLD | NEW |