Polymerjs iron-image图像元素 _Polymerjs元素

< iron-image> 元素用于显示图像。你可以使用有用的大小调整和预加载选项显示图像。
调整大小选项用于裁剪/覆盖或使信箱(包含)图像适合其指定大小, 而预加载选项阻止图像被渲染。同时, 你可以使用元素的CSS背景颜色作为占位符, 也可以使用data-URI。淡入淡出选项在渲染图像后淡出占位符的图像/颜色。
< iron-image> 元素与< img scr =” … .” > 类似, 如以下代码片段所示：

< iron-image src = "http://lorempixel.com/600/600"> < /iron-image>

例子

< !DOCTYPE html> < html> < head> < title> iron-image< /title> < base href = "https://polygit.org/components/"> < script src = "http://www.srcmini.com/webcomponentsjs/webcomponents-lite.js"> < /script> < link rel = "import" href = "http://www.srcmini.com/iron-image/iron-image.html"> < /head> < body> < h1> Iron-Image Example< /h1> < iron-image src = "http://www.tcgreenmedia.com/wp-content/uploads/2014/07/google-developers-v01-510x380.png" alt = "iron-image" > < /iron-image> < /body> < /html>

【Polymerjs iron-image图像元素】输出