Package Exports
- srcset
This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (srcset) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.
Readme
srcset 
Parse and stringify the HTML
<img>
srcset attribute.
Useful if you're creating a polyfill, build-tool, etc.
Install
Download the library manually or with a package-manager.
$ npm install --save srcset
$ bower install --save srcset
$ component install sindresorhus/srcset
Usage
How an image with srcset
might look like:
<img alt="The Breakfast Combo"
src="banner.jpg"
srcset="banner-HD.jpg 2x, banner-phone.jpg 100w, banner-phone-HD.jpg 100w 2x">
Then have some fun with it:
var parsed = srcset.parse('banner-HD.jpg 2x, banner-phone.jpg 100w');
console.log(parsed);
/*
[
{ url: 'banner-HD.jpg', density: 2 },
{ url: 'banner-phone.jpg', width: 100 }
]
*/
parsed.push({ url: 'banner-phone-HD.jpg', width: 100, density: 2 });
var stringified = srcset.stringify(parsed);
console.log(stringified);
/*
banner-HD.jpg 2x, banner-phone.jpg 100w, banner-phone-HD.jpg 100w 2x
*/
API
srcset.parse()
Accepts a srcset string and returns an array of objects with the possible properties: url
(always), width
, height
, density
.
srcset.stringify()
Accepts an array of objects with the possible properties: url
(required), width
, height
, density
and returns a srcset string.