nuke-image - npm Package Compare versions

Comparing version 0.0.3 to 0.0.4

HISTORY.md

		# Changelog


		## 0.0.4 / 2017-08-01

		* [[150a427](http://gitlab.alibaba-inc.com/nuke/image/commit/150a4275cdb7282bb702ef6884639a23971fe6e3)] - `fix` 为客户端增加 quality original 兼容。

		## 0.0.3 / 2017-07-10
		@@ -5,0 +9,0 @@

lib/index.js

		@@ -105,2 +105,5 @@ /* @jsx createElement */
		}
		if (nativeProps.style.quality && nativeProps.style.quality === 'original') {
		nativeProps.quality = 'original';
		}

		@@ -107,0 +110,0 @@ delete nativeProps.source;

package.json

		{
		"name": "nuke-image",
		"version": "0.0.3",
		"version": "0.0.4",
		"description": "图片",
		@@ -5,0 +5,0 @@ "main": "lib/index",

README.md

		@@ -15,4 +15,4 @@ # Image

		本组件使用 autoFit 标记位 + onLoad event 完成自适应宽高，如有需要，请设置`autoFit = true`


		## API
		@@ -22,11 +22,20 @@
		\| :------------- \| :------------- \| :------------- \| :------------- \|
		\| [即将废弃]source \| 格式 {uri:"xxx"} \| object \| \|
		\| source \| 格式 {uri:"xxx"} \| object \| \|
		\| src \| url string \| string \| \|
		\| style \| 如果 autoFit 为 false，则必须写宽高，否则无法渲染 \| object \| \|
		\| style \| 必须写宽高，否则无法渲染 \| object \| \|
		\| resizeMode \| 组件尺寸和图片尺寸不成比例的时候如何调整图片的大小 \| 枚举类型，可选 `contain` `cover` `stretch` \| `stretch` \|
		\| onLoad \| 图片 onLoad 方法，其中 e.size 可返回图片真实宽高 \| function(e) \| \|
		\| autoFit\| 是否自适应，如果为true，会自动获取 onLoad 后得到的宽高，并设置到样式中\|boolean\|false\|
		\| quality \| 是否无损，凡是 alicdn 的图片地址，默认开启压缩，如果 quality 设置为 original，则不压缩图片 \| function(e) \| \|

		- 图片 url
		- 建议使用 https 协议。
		- 建议不要使用相对路径。
		- 开发阶段，您如果需要任意尺寸图片，可以使用 [placeholder 占位符服务](https://placeholder.com/), 如：

		```js
		<Image source={{uri:"https://via.placeholder.com/350x150"}} style={{width:350,height:150}} quality="original"/>
		```



		- resizeMode 释义
		@@ -37,13 +46,9 @@ - contain : 包含，在区域内图片完全展示，不拉伸，不裁剪

		- style={{quality:"original"}} 释义

		凡是 alicdn 的图片地址，在阿里系 app （千牛、手淘、天猫）中默认会开启压缩，有可能会导致图片展示异常。

		使用 `quality : original` 样式，可以要求使用原始图片，禁止图片库压缩。


		例：
		````js

		<Image autoFit={true} src="https://gd2.alicdn.com/imgextra/i2/413996455/TB2tNcJbd0opuFjSZFxXXaDNVXa_!!413996455.jpg" style={{quality:"original"}}/>
		<Image source={{uri:"https://gd2.alicdn.com/imgextra/i2/413996455/TB2tNcJbd0opuFjSZFxXXaDNVXa_!!413996455.jpg"}} quality ="original"/>
		````

New alerts

Possible typosquat attack

Supply chain risk

There is a package with a similar name that is downloaded much more often.

Did you mean
use-image

nuke-image - npm Package Compare versions

New alerts

Improved metrics

Worsened metrics