Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(323)

Side by Side Diff: third_party/WebKit/Source/devtools/front_end/emulation/DeviceModeView.js

Issue 2835843002: Revert of [DevTools] Consolidate overlay-related functionality in Overlay domain (Closed)
Patch Set: Created 3 years, 8 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
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
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
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
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 };
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698