options image grid: Make sure the images are requested with the appropriate scale.

chrome/browser/resources/chromeos/user_images_grid.js

 // Copyright (c) 2012 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 cr.define('options', function() {
   /** @const */ var ArrayDataModel = cr.ui.ArrayDataModel;
   /** @const */ var Grid = cr.ui.Grid;
   /** @const */ var GridItem = cr.ui.GridItem;
   /** @const */ var GridSelectionController = cr.ui.GridSelectionController;
   /** @const */ var ListSingleSelectionModel = cr.ui.ListSingleSelectionModel;
@@ skipping 46 matching lines @@
     return el;
   }
 
   UserImagesGridItem.prototype = {
     __proto__: GridItem.prototype,
 
     /** @inheritDoc */
     decorate: function() {
       GridItem.prototype.decorate.call(this);
       var imageEl = cr.doc.createElement('img');
-      imageEl.src = this.dataItem.url;
+      imageEl.src = this.dataItem.url + '@' + window.devicePixelRatio + 'x';

[Ivan Korotkov, 2012/08/16 08:31:51]

This wouldn't work with all URLs in this grid (there are data: URLs that don't
support @<factor> scheme.

       imageEl.title = this.dataItem.title || '';
       if (typeof this.dataItem.clickHandler == 'function')
         imageEl.addEventListener('mousedown', this.dataItem.clickHandler);
       // Remove any garbage added by GridItem and ListItem decorators.
       this.textContent = '';
       this.appendChild(imageEl);
       if (typeof this.dataItem.decorateFn == 'function')
         this.dataItem.decorateFn(this);
       this.setAttribute('role', 'option');
     }
@@ skipping 587 matching lines @@
   UserImagesGrid.ButtonImages = {
     TAKE_PHOTO: 'chrome://theme/IDR_BUTTON_USER_IMAGE_TAKE_PHOTO',
     CHOOSE_FILE: 'chrome://theme/IDR_BUTTON_USER_IMAGE_CHOOSE_FILE',
     PROFILE_PICTURE: 'chrome://theme/IDR_PROFILE_PICTURE_LOADING'
   };
 
   return {
     UserImagesGrid: UserImagesGrid
   };
 });