From 07c87dbe58c61dc24f4ac184a5aa3b07b0ac4efc Mon Sep 17 00:00:00 2001 From: Marcos Caceres Date: Thu, 14 Apr 2016 14:11:14 +1000 Subject: [PATCH] Feat(density): remove density member (closes #450) --- index.html | 100 +++++++++++------------------------------------------ 1 file changed, 20 insertions(+), 80 deletions(-) diff --git a/index.html b/index.html index 9b6c174fe..96a5ec19a 100644 --- a/index.html +++ b/index.html @@ -1486,20 +1486,18 @@

  • The developer has included two icons at the same size, but in two different formats. One is explicitly marked as WebP through the type member. If the user agent doesn't support WebP, - it falls back to the second icon of the same size (and density). - The media type of this icon can then be either determined via a - HTTP header, or can be sniffed by the user agent once the first few - bytes of the icon are received. + it falls back to the second icon of the same size. The media type + of this icon can then be either determined via a HTTP header, or + can be sniffed by the user agent once the first few bytes of the + icon are received.
    • -
  • The developer wants to use an SVG icon for devices with at - least 2dppx as the display density and only when the available - dimensions are at least 72px. She has found that the SVG file looks - too blurry at small sizes, even on high-density screens. To deal - with this problem, she's included an SVG icon that is only used - when the dimensions are at least 72px and the pixel density is at - least 2dppx. Otherwise, the user agent uses the ICO file - (hd_hi.ico), which includes a gamut of icons individually tailored - for small display sizes. +
  • The developer wants to use an SVG for greater than or equal to + 257x257px. She has found that the SVG file looks too blurry at + small sizes, even on high-density screens. To deal with this + problem, she's included an SVG icon that is only used when the + dimensions are at least 257px. Otherwise, the user agent uses the + ICO file (hd_hi.ico), which includes a gamut of raster icons + individually tailored for small display sizes. 
    • @@ -1517,8 +1515,7 @@ 
    
         "sizes": "72x72 96x96 128x128 256x256"
       },{
         "src": "icon/hd_hi.svg",
-        "sizes": "72x72",
-        "density": 2
+        "sizes": "257x257"
       }]
  }
    @@ -2014,11 +2011,11 @@

    to use in various contexts depending on the semantics of the member that is using the object (e.g., an icon that is part of an application menu, etc.). For an image object, this specification provides - developers with a means of specifying the dimensions, optimal pixel - density, and media type of an image (i.e., a "responsive image" - solution [[respimg-usecases]]). A user agent can use these values to - select an image that is best suited to display on the end-user's device - or most closely matches the end-user's preferences. + developers with a means of specifying the dimensions, and media type of + an image (i.e., a "responsive image" solution [[respimg-usecases]]). A + user agent can use these values to select an image that is best suited + to display on the end-user's device or most closely matches the + end-user's preferences.

    @@ -2068,54 +2065,6 @@

    -
    -

    - density member -

    -

    - The density member of an image object - is the device pixel density for which this image was designed. The - device pixel density is expressed as the number of dots per 'px' unit - (equivalent to a dppx as defined in [[css3-values]]). The value is a - positive number greater than 0. If the developer omits the value, the - user agent assumes the value 1.0. -

    -

    - The steps for processing a density member of an - image are given by the following algorithm. The algorithm takes - an image image object as an argument and returns a - positive number. -

    -
      -
    1. If [[\HasOwnProperty]] internal method of image - passing density as the argument returns - false: -
        -
      1. Return 1.0. -
        2. -
      -
      2. -
    2. Let value be the result of calling the - [[\GetOwnProperty]] internal method of image passing " - density" as the argument. -
      3. -
    3. Let result be the result of parseFloat( - value); -
      4. -
    4. If result is NaN, +∞, or less than or - equal to +0, then: -
        -
      1. - Issue a developer warning. -
        2. -
      2. Return 1.0. -
        3. -
      -
      5. -
    5. Return result. -
      6. -
    -

    sizes member @@ -2298,9 +2247,9 @@

    the next item in images (if any are left).
  • Otherwise, let image be an object with - properties src, type, - sizes, and density. All properties - initially set to undefined. + properties src, type, and + sizes. All properties initially set to + undefined.
  • Set image's src property to be src. @@ -2321,15 +2270,6 @@

    image's sizes property to be sizes.

    • -
  • Let density be the result from running the - steps for processing a density member of an - image are given by the passing potential - image . -
    • -
  • If density is not undefined, set - image's density property to be - value. -
  • Append image to images.