third_party/polymer/v1_0/components-chromium/iron-image/README.md - Issue 1155683008: Rename polymer and cr_elements v0_8 to v1_0

Side by Side Diff

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Keyboard Shortcuts

	File
u :	up to issue
j / k :	jump to file after / before current file
J / K :	jump to next file with a comment after / before current file
	Side-by-side diff
i :	toggle intra-line diffs
e :	expand all comments
c :	collapse all comments
s :	toggle showing all comments
n / p :	next / previous diff chunk or comment
N / P :	next / previous comment
<Up> / <Down> :	next / previous line

	Issue
u :	up to list of issues
j / k :	jump to patch after / before current patch
o / <Enter> :	open current patch in side-by-side view
i :	open current patch in unified diff view

	Issue List
j / k :	jump to issue after / before current issue
o / <Enter> :	open current issue

Side by Side Diff: third_party/polymer/v1_0/components-chromium/iron-image/README.md

Issue 1155683008: Rename polymer and cr_elements v0_8 to v1_0 (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@v1

Patch Set: fix a merge mistake Created 5 years, 6 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

« no previous file with comments | « third_party/polymer/v1_0/components-chromium/iron-image/.gitignore ('k') | third_party/polymer/v1_0/components-chromium/iron-image/bower.json » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
1 iron-image	1 iron-image

2 ==========	2 ==========

3	3

4 `iron-image` is an element for displaying an image that provides useful sizing a nd	4 `iron-image` is an element for displaying an image that provides useful sizing a nd

5 preloading options not found on the standard `<img>` tag.	5 preloading options not found on the standard `<img>` tag.

6	6

7 The `sizing` option allows the image to be either cropped (`cover`) or	7 The `sizing` option allows the image to be either cropped (`cover`) or

8 letterboxed (`contain`) to fill a fixed user-size placed on the element.	8 letterboxed (`contain`) to fill a fixed user-size placed on the element.

9	9

10 The `preload` option prevents the browser from rendering the image until the	10 The `preload` option prevents the browser from rendering the image until the

(...skipping 40 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
51 <iron-image style="width:400px; height:400px;" placeholder="data:image/gif;base6 4,..."	51 <iron-image style="width:400px; height:400px;" placeholder="data:image/gif;base6 4,..."

52 sizing="cover" preload src="http://lorempixel.com/600/400"></iron-image>	52 sizing="cover" preload src="http://lorempixel.com/600/400"></iron-image>

53 ```	53 ```

54	54

55 Will fade the light-gray background out once the image is loaded:	55 Will fade the light-gray background out once the image is loaded:

56	56

57 ```html	57 ```html

58 <iron-image style="width:400px; height:400px; background-color: lightgray;"	58 <iron-image style="width:400px; height:400px; background-color: lightgray;"

59 sizing="cover" preload fade src="http://lorempixel.com/600/400"></iron-image>	59 sizing="cover" preload fade src="http://lorempixel.com/600/400"></iron-image>

60 ```	60 ```

OLD	NEW