{"_id":"@icedesign/img","_rev":"28-effba6427efe00c45d95b8310b07de35","name":"@icedesign/img","description":"ICE 图片组件。","dist-tags":{"latest":"1.0.4","next":"1.0.0"},"versions":{"0.1.0":{"name":"@icedesign/img","version":"0.1.0","description":"ICE 图片组件。","main":"lib/index.js","files":["lib/","demo/"],"scripts":{"lint":"eslint . --ext '.js,.jsx' --fix","prepublish":"npm run lint"},"author":{"name":"ICE Team","email":"ice-admin@alibaba-inc.com"},"repository":{"type":"git","url":"git+https://github.com/alibaba/ice.git"},"license":"ISC","keywords":["ice","ice-component"],"dependencies":{"@icedesign/base":"^0.1.0","classnames":"^2.2.5","prop-types":"^15.5.10"},"devDependencies":{"babel-eslint":"^8.0.3","eslint-plugin-react":"^7.5.1","eslint":"^4.13.1","eslint-plugin-babel":"^4.1.1","eslint-plugin-import":"^2.8.0","eslint-config-airbnb":"^16.1.0","eslint-plugin-jsx-a11y":"^6.0.3"},"typings":"lib/index.d.ts","fusionConfig":{"docs":"demo/","variable":"lib/scss/variable.scss","entry":"lib/index.scss","deps":[]},"bugs":{"url":"https://github.com/alibaba/ice/issues"},"homepage":"https://github.com/alibaba/ice#readme","_id":"@icedesign/img@0.1.0","_npmVersion":"5.6.0","_nodeVersion":"8.9.1","_npmUser":{"name":"zeroling","email":"wssgcg1213@qq.com"},"dist":{"integrity":"sha512-9W7GnFwbXO+jSPxL/ENoSk1QKOb/g43HGElr6nFWz1j1fNPvk8q6kR7CF1HcUJYZAwXePf59FbCc/MjT/VQzkQ==","shasum":"e57b648d999474d6cef62e1b1ed4149ff9209f42","tarball":"https://registry.npmjs.org/@icedesign/img/-/img-0.1.0.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC1qvpGHXic/byLL7fERZKebZhW6hebyH3Kl91JAFxgvAIhAOth5xv7fP9bQ9zwd1uaoToHNlgbAGcSmJfdLo752yAy"}]},"maintainers":[{"name":"zeroling","email":"wssgcg1213@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/img-0.1.0.tgz_1514271100577_0.8270070718135685"},"directories":{}},"0.1.1":{"name":"@icedesign/img","version":"0.1.1","description":"ICE 图片组件。","main":"lib/index.js","files":["lib/","demo/"],"scripts":{"lint":"eslint . --ext '.js,.jsx' --fix","prepublish":"npm run lint"},"author":{"name":"ICE Team","email":"ice-admin@alibaba-inc.com"},"repository":{"type":"git","url":"git+https://github.com/alibaba/ice.git"},"license":"ISC","keywords":["ice","ice-component"],"dependencies":{"@icedesign/base":"^0.1.0","classnames":"^2.2.5","prop-types":"^15.5.10"},"devDependencies":{"babel-eslint":"^8.0.3","eslint-plugin-react":"^7.5.1","eslint":"^4.13.1","eslint-plugin-babel":"^4.1.1","eslint-plugin-import":"^2.8.0","eslint-config-airbnb":"^16.1.0","eslint-plugin-jsx-a11y":"^6.0.3"},"typings":"lib/index.d.ts","fusionConfig":{"docs":"demo/","variable":"lib/scss/variable.scss","entry":"lib/index.scss","deps":[]},"bugs":{"url":"https://github.com/alibaba/ice/issues"},"homepage":"https://github.com/alibaba/ice#readme","_id":"@icedesign/img@0.1.1","_npmVersion":"5.6.0","_nodeVersion":"8.9.1","_npmUser":{"name":"zeroling","email":"wssgcg1213@qq.com"},"dist":{"integrity":"sha512-x1knKqMCGN/S8+usPy3A9PrJiBK082+AJNglNgSwE+30zA7/G2WZ/+TYdSB69ljWpLkCzEBn8BH4GTisQLUmPQ==","shasum":"b2727fff054267d002d981343f68270861b6ee53","tarball":"https://registry.npmjs.org/@icedesign/img/-/img-0.1.1.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICvXcVdDFRm886ryXyekQxOu4eBqzfU10wPsCa387xPYAiEA65wMryuKYl75DLt5paH9W3Vqx1Os9mYVZidBgSyTaFc="}]},"maintainers":[{"name":"chenbin93","email":"chenbinad@gmail.com"},{"name":"noyobo","email":"noyobo@gmail.com"},{"name":"zeroling","email":"wssgcg1213@qq.com"},{"name":"yujiangshui","email":"yujiangshui@gmail.com"},{"name":"yuanyan","email":"yuanyan.cao@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/img-0.1.1.tgz_1514288712214_0.19570290809497237"},"directories":{}},"0.1.2":{"name":"@icedesign/img","version":"0.1.2","description":"ICE 图片组件。","main":"lib/index.js","files":["lib/","demo/"],"scripts":{"lint":"eslint . --ext '.js,.jsx' --fix","prepublish":"npm run lint"},"author":{"name":"ICE Team","email":"ice-admin@alibaba-inc.com"},"repository":{"type":"git","url":"git+https://github.com/alibaba/ice.git"},"license":"ISC","keywords":["ice","ice-component"],"dependencies":{"classnames":"^2.2.5","prop-types":"^15.5.10"},"devDependencies":{"@icedesign/base":"^0.2.2","@icedesign/skin":"^0.1.14","babel-eslint":"^8.0.3","eslint":"^4.13.1","eslint-config-airbnb":"^16.1.0","eslint-plugin-babel":"^4.1.1","eslint-plugin-import":"^2.8.0","eslint-plugin-jsx-a11y":"^6.0.3","eslint-plugin-react":"^7.5.1"},"typings":"lib/index.d.ts","fusionConfig":{"docs":"demo/","variable":"lib/scss/variable.scss","entry":"lib/index.scss","deps":[]},"bugs":{"url":"https://github.com/alibaba/ice/issues"},"homepage":"https://github.com/alibaba/ice#readme","_id":"@icedesign/img@0.1.2","_npmVersion":"5.6.0","_nodeVersion":"8.10.0","_npmUser":{"name":"noyobo","email":"noyobo@gmail.com"},"dist":{"integrity":"sha512-1TCEIF/SAdz2M0v+D0PeQJfo5fb1BbMuC3L6mG+Sf9+uj8tX+9PfAtmNHyzY1R0pGrT3P09VPFdpHw6qLkovzg==","shasum":"57661dc1aa672cec9eb0c1dc21d3ef3f3676a386","tarball":"https://registry.npmjs.org/@icedesign/img/-/img-0.1.2.tgz","fileCount":19,"unpackedSize":37170,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbL7dgCRA9TVsSAnZWagAA3aYQAJx6Ue9a0rSGxCnPax51\nesiGDUF+F0befl7XXvXQVibBl+7HudYcVmrjol/v4q2Sp498mnLvMSxJm37v\n4O7UOxfNXFGGidmI3ZHXaJkVMhIya9SOVWNc03N47PYp00yqcvAVhS4bkgq5\neyJtmLJuF971YgRz+LVxjvS9yEi+QLuMv/dPX9lyueoJgCVNroKxvfudP017\nD5tJYu4HlF+aSO0JJeifJEhQNLTSbURoPuptoqYV1dBwDtmuLkh5K2Hnco0R\nwl8Jb2bMl/l4iX4npMjedtvkL8+vjTpjG7DH6WsZDjFo2V45Kq+s16HsNGXK\n6n/Q+OKhxbEjjmyTsti73ruBGQ8ZR1WRFEk5NubsObuTlJGiOC2jL1shJ3Aa\nrX5ehDHGLA4lj7UCQLkkZDu5vbn7yisvPoyOJpqOikVuduvXqxCp+XBv5uur\nb6Gz/exJTXc1OgfBdIVfFnKW+FiBm8ChG85VsnvbqCOpvJ3e6JvGlLICtJaO\nDFQjYaCa/WY/EZ3Gh0qgJxmZRI8SgwCtJiHEXpJGcqaYyvnD3toRK6QVYpNl\n96z3ih3dKZlU1aKdqmJr0FXyDbCG5Mjf64vx9Otmgs38YuixVR6PWZN2g4FE\nqwNH2qA3e/vUmOZ735k0DkBWkz0IgeirXnFXQy4rWA/8rVT6gs0eN5OsrrKu\nDBC+\r\n=Wjkk\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICwQfTfvERu93lhbNpGR8/TuuAJj9QRgLvu0oWNd8RRYAiEA7fNg71yS8aXP5cfWScZhZt7QRu7//djTr+PgTROE0Oc="}]},"maintainers":[{"name":"chenbin93","email":"chenbinad@gmail.com"},{"name":"noyobo","email":"noyobo@gmail.com"},{"name":"yuanyan","email":"yuanyan.cao@gmail.com"},{"name":"yujiangshui","email":"yujiangshui@gmail.com"},{"name":"zeroling","email":"wssgcg1213@qq.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/img_0.1.2_1529853791926_0.5229729034513424"},"_hasShrinkwrap":false},"0.1.4":{"name":"@icedesign/img","version":"0.1.4","description":"ICE 图片组件。","main":"lib/index.js","scripts":{"start":"ice-devtools start","build":"ice-devtools build"},"author":{"name":"ICE Team","email":"ice-admin@alibaba-inc.com"},"repository":{"type":"git","url":"git+https://github.com/alibaba/ice.git"},"license":"MIT","keywords":["ice-component"],"dependencies":{"@icedesign/base":"^0.2.0","classnames":"^2.2.5","prop-types":"^15.5.10"},"devDependencies":{"ice-devtools":"^1.1.14-beta.2"},"peerDependencies":{"react":"^16.5.0"},"publishConfig":{"access":"public","registry":"http://registry.npmjs.com"},"bugs":{"url":"https://github.com/alibaba/ice/issues"},"homepage":"https://github.com/alibaba/ice#readme","_id":"@icedesign/img@0.1.4","_npmVersion":"6.4.1","_nodeVersion":"8.12.0","_npmUser":{"name":"noyobo","email":"noyobo@gmail.com"},"dist":{"integrity":"sha512-Nkqfusk5xF1w7CEk39FJuaVdfyMnBK6KfZMp6hO3zmr3HEiyf8VZoyAzkaQYdG4imj5AGss/uin0Wq/eAWFpng==","shasum":"22c871c3b5cfc8ef396d5d1f820d6d03a40490d2","tarball":"https://registry.npmjs.org/@icedesign/img/-/img-0.1.4.tgz","fileCount":6,"unpackedSize":13640,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJb8/rhCRA9TVsSAnZWagAAb8IP/RaGRsfLQpmY95rjtRfQ\n3pfKAQeD7BBh0acnmISAYfisV4wYZL5vYm8smZmVa+wftIvxJKvNpQeoV2Fl\ndj+F5YyI/UI1EDgfYnT0pF4V/0Jf1o6IYUnSufn1rzslMzy6BW8NDv1w2ovX\n7+l6i326z7hgUP+aLuYcnKlUfN0bzxh6V4cI2TVFRmm047DUqYtUrW6aD8ei\nCSjIoVF+AWRl54z4dSlovvOCj/wnNvRi0BaUg7jEhBuOhFQcDFrSvChXK6Z0\n/pGvAPfX4HstYyiUCuFP5HTKFWcPF3Z0r32oRMFKS4a9LS08rNcsJC+rslCI\nbFXM3lH0glbJ/UlvHOpLl8BN72Cvr7mSrXqejkRj7fuKJuYt6yterDGuLmT+\ngD7RJt1DmELfhAOtgrNbbX36TjBhMIfsJfGz3z5Px3dRtGqKygok5JPNUZ1d\nuRAGBCRBieCRphwXToo0lOX7YUp6DQq+iH7lB6metB7QZdYTBMBH82X5xhyI\nI0v7vCxRG/cQY3q0IlWvPuYzCktWispA28/1ryqPBJU3MshbcJPSLUYDZtkv\nnK8ay0nbs9ozqvUg9rDhcocjRb/guECeR2Jz4wHV0zwWYM7+FjmSUPABs3Gv\nn1ut2wMEnIeI1Ohsg6OP4hIln640vTP2udwOYelesFP1aSbqGLgLFGwhVKT9\nO14d\r\n=Wdo9\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCaWjhU7Q23+1zNI4KO4DvizwagVDATwaMEbzjjrXFxVAIgTa67VZgmnW3FiU3RI4dCghD+TVvbTHh0cgihOaSCqno="}]},"maintainers":[{"email":"chenbinad@gmail.com","name":"chenbin93"},{"email":"chenjun1011@gmail.com","name":"chenjun1011"},{"email":"yudong.myd@alibaba-inc.com","name":"empireo"},{"email":"noyobo@gmail.com","name":"noyobo"},{"email":"sobear.me@gmail.com","name":"sobear"},{"email":"tao360907796@gmail.com","name":"tao1991123"},{"email":"temper357@gmail.com","name":"temper357"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"hi@harryyu.me","name":"yujiangshui"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/img_0.1.4_1542716128838_0.1958900800955965"},"_hasShrinkwrap":false},"0.1.5":{"name":"@icedesign/img","version":"0.1.5","description":"ICE 图片组件。","main":"lib/index.js","scripts":{"start":"ice-devtools start","build":"ice-devtools build"},"author":{"name":"ICE Team","email":"ice-admin@alibaba-inc.com"},"repository":{"type":"git","url":"git+https://github.com/alibaba/ice.git"},"license":"MIT","keywords":["ice-component"],"dependencies":{"@icedesign/base":"^0.2.0","classnames":"^2.2.5","prop-types":"^15.5.10"},"devDependencies":{"ice-devtools":"^1.1.14-beta.2"},"peerDependencies":{"react":"^16.5.0"},"publishConfig":{"access":"public","registry":"http://registry.npmjs.com"},"bugs":{"url":"https://github.com/alibaba/ice/issues"},"homepage":"https://github.com/alibaba/ice#readme","_id":"@icedesign/img@0.1.5","_npmVersion":"6.2.0","_nodeVersion":"8.9.4","_npmUser":{"name":"chenbin93","email":"chenbinad@gmail.com"},"dist":{"integrity":"sha512-t9aANf2jNpPcRxEBZQ9KNQY4BvvF3jZVBGNE19nSkz4cIz3C3Ix5xTUL03kRKOfzOH8h28DKW6Vcp21M5Z5O9A==","shasum":"1f15987d750aac810b509914d2f7373adb9e4d8d","tarball":"https://registry.npmjs.org/@icedesign/img/-/img-0.1.5.tgz","fileCount":17,"unpackedSize":37756,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJb9AiiCRA9TVsSAnZWagAAcXQP/A/aZiOl+1Q5FXrkUrpH\nxuPkAAx1TjrltIAPtgYo5TfFFDVTzm6yMc+F6KlwKkDh3ApLLN6W6gB9qNmM\nt0hFNSY0scncKA2fZSyjXefON697M43NPegs6zHCWQ/tgvvbZaH8SUvCi7/Y\n3BrCPfEIt6r7ccu0IEhw1RJKK1kuUiLAIn1arLxEu6jrhgVHgOUhX/Qu+Nft\n3S4XQNQcDbLdlVGQzn4UdlI/pmRtCHZijXQeP+T/9sWvrOMVUUthm1Cz0UlI\nAzvXop+T5UYHkTXVzE4/z13mPOqsh2S3qFGJw8Ow6jZiuefSSkIm4zhancvV\nyZT9eNHXEEeNAvwXb0T6fG7BQeJR3NR9bCIEBBzvTeexM9HIeaHCw5QQZT5J\n+P+ZzRACQI8emJkegr0jNPZs76o5R6M0Kk06gaK7eP6TZdrW5wQfVcRo7C+b\nBW0V6kOr2KIfLP4qycYhIyY5RRpt13KP1kpJR3kyjy6Z9vzXIBzUsk0UEavl\n1jZlKbtuUWPe5U//2EkMixSae/LcoINu/im1DmzHhzQu+tWi1B7QmFyU2Qke\nAH71E3Uj03rZ5thjHURloedpm6VGNJdzT7+kdSTi3jNzLZH5/NO0L2gGBnj/\ngzP2LqCVyOjp83fSrgkEFR4CFVvWL/nmmWJSxzAyKp/WztxtBEFSIXA3icuk\n7awB\r\n=UhMS\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDoHKec95LVgW7Kl8i/vm9TgPixI5OeTWD6nFL94n0vMAiEAnHJ5wt3157H5AX/eOUvHdbt/UMqqZiQBT0M+yDe4P6M="}]},"maintainers":[{"email":"chenbinad@gmail.com","name":"chenbin93"},{"email":"chenjun1011@gmail.com","name":"chenjun1011"},{"email":"yudong.myd@alibaba-inc.com","name":"empireo"},{"email":"noyobo@gmail.com","name":"noyobo"},{"email":"sobear.me@gmail.com","name":"sobear"},{"email":"tao360907796@gmail.com","name":"tao1991123"},{"email":"temper357@gmail.com","name":"temper357"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"hi@harryyu.me","name":"yujiangshui"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/img_0.1.5_1542719649641_0.27011206117733044"},"_hasShrinkwrap":false},"0.1.6":{"name":"@icedesign/img","version":"0.1.6","description":"ICE 图片组件。","main":"lib/index.js","scripts":{"start":"ice-devtools start","build":"ice-devtools build"},"author":{"name":"ICE Team","email":"ice-admin@alibaba-inc.com"},"repository":{"type":"git","url":"git+https://github.com/alibaba/ice.git"},"license":"MIT","keywords":["ice-component"],"dependencies":{"@icedesign/base":"^0.2.0","classnames":"^2.2.5","prop-types":"^15.5.10"},"devDependencies":{"ice-devtools":"^1.1.14-beta.2"},"peerDependencies":{"react":"^16.5.0"},"publishConfig":{"access":"public","registry":"http://registry.npmjs.com"},"bugs":{"url":"https://github.com/alibaba/ice/issues"},"homepage":"https://github.com/alibaba/ice#readme","_id":"@icedesign/img@0.1.6","_npmVersion":"6.2.0","_nodeVersion":"8.9.4","_npmUser":{"name":"chenbin93","email":"chenbinad@gmail.com"},"dist":{"integrity":"sha512-lM0WVhwV3hvBQ0qeMCBtcr0DaEjqR2Y4ngP37sI4YbuTkMD/L1FzzzPlWB2L9ybnaeRy7Z0062rQIzL2lCgRpA==","shasum":"3a05a59d6ed33f458b4a2d73b1d4372c8d607ed9","tarball":"https://registry.npmjs.org/@icedesign/img/-/img-0.1.6.tgz","fileCount":17,"unpackedSize":37756,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJb9WmTCRA9TVsSAnZWagAALV4P/1kOqrmByyE519jEExJw\n0rQ9F/nnY/PWHnC8i7Txn5K0mVdGHm7jZ0KPrjjFOTuYYgdfnmcsUPBSClyD\nNxUKg0aL0tHbTelgkAuDnZlPsDFi5VgnyRx7JlfYJOVUfvBlovT8U9qVwJp/\ncKJNZh5mOyDVYllyrbthoFWv6JOpEpZdaqRoIaDJ1DSClnZLXJj43FwHE+1i\nEes1r9OIJ0ZXPFWg5occAKSLrrm36XW4rw2nFdjKH4bTb/zvdwI9RnB+ulRC\nHlKpPveKXdqA5rqdZV3m28cp9RuSQC51qQiyY/HSkYyj2+c0bF7wfNguKVlB\nZyTgusfSwxiKj6EhYBaZLOBmnl0RJd8SOTcQtXg58cO9EHykPUfF5NpUn95u\n5rVKUs74fgEvPjW4NxOWykUcCu7AS9qNlgMDVoZ5jx2lIbeRUj0J6r0ivUjx\ndmnFlkfh2SFpLNu8/1OvP2H/GncPFlcUZxxZTrPUnh/9ACPmE+MA55DR5Ne7\nfshCFW+9+XcpN54n5TKxf6KoMtxjfeF3SSz5LpqZuyr873XFg4VqUXfbUcQ5\ntkIXo8tUe7/1s/DPxZ/KYTnvXHHbKKzALJUqcJJwroBJQhcZsqpzCHpBlFXx\nsD2z4+J4ft8sSGwa3Uqka9qKYx2qwV9bF7T3pIy/VPflaKHPFiEIVR3x5oHR\nSPUL\r\n=fKgP\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIE1V6v1fOXjWM3+htbWL1FBlXJwQRg22C0VSpngpFgBRAiAOa8SmZuzV0P91iEyjKxGrtuENsD0QLcYMZdpkkOBDEQ=="}]},"maintainers":[{"email":"chenbinad@gmail.com","name":"chenbin93"},{"email":"chenjun1011@gmail.com","name":"chenjun1011"},{"email":"yudong.myd@alibaba-inc.com","name":"empireo"},{"email":"noyobo@gmail.com","name":"noyobo"},{"email":"sobear.me@gmail.com","name":"sobear"},{"email":"tao360907796@gmail.com","name":"tao1991123"},{"email":"temper357@gmail.com","name":"temper357"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"hi@harryyu.me","name":"yujiangshui"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/img_0.1.6_1542810002459_0.67298188902563"},"_hasShrinkwrap":false},"1.0.0":{"name":"@icedesign/img","version":"1.0.0","description":"ICE 图片组件。","main":"lib/index.js","scripts":{"start":"ice-devtools start","build":"ice-devtools build","prepublishOnly":"npm run build"},"author":{"name":"ICE Team","email":"ice-admin@alibaba-inc.com"},"repository":{"type":"git","url":"git+https://github.com/alibaba/ice.git"},"license":"MIT","keywords":["ice-component"],"dependencies":{"classnames":"^2.2.5","prop-types":"^15.5.10"},"devDependencies":{"@alifd/next":"^1.x"},"peerDependencies":{"react":"^16.5.0"},"publishConfig":{"access":"public"},"readme":"---\ntitle: Img\ncategory: Components\nchinese: 图片组件\n---\n\nICE 图片组件，用来增强图片显示效果。\n\n## 安装和升级\n\n```bash\nnpm i @icedesign/img -S\n```\n\n## 参数（props）\n\n| 参数名 | 说明 | 必填 | 类型 | 默认值 | 可选值 | 备注 |\n| ------------------ | ----------------------------------------- | ----- | -------- | ------ | ---------------------- | -------------------------------------------------------------- |\n| type | 图片显示模式 | false | string | cover | cover、contain | |\n| src | 图片 url | true | boolean | false | | |\n| shape | 形状展现 | false | string | sharp | circle、sharp、rounded | |\n| title | 图片的 title，hover 上去会显示出来 | false | string | '' | | |\n| alt | 图片的 alt 通常用于屏幕阅读器（盲人）识别 | false | string | '' | | |\n| className | 图片的 className | false | string | '' | | |\n| style | 图片的 inline style | false | object | {} | | |\n| width | 图片显示宽度 | false | number | | | 计算图片必需，不传则表现形式等同于普通 img 标签。 |\n| height | 图片显示高度 | false | number | | | 计算图片必需，不传则表现形式等同于普通 img 标签。 |\n| errorImgSrc | 图片加载失败的兜底图片 | false | string | | | 如果图片加载失败，那么将用这张图来代替 |\n| onError | 图片加载失败的回调方法 | false | function | | | 如果图片加载失败，那么将执行这个 callback 让你添加一些容错逻辑 |\n| enableAliCDNSuffix | 是否启用 Ali CDN 自动裁切参数 | false | false | | | 如果在 cover 模式下，图片高度太高可能会拉伸的比较模糊 |\n\n### 图片底部存在 3px 空隙的解决方法\n\n如果你将当前组件用来展示图片放在其他组件内，或者使用当前组件时有外边线，细致的你会发现底部可能存在 3px 的间隙：\n\n![image](http://git.cn-hangzhou.oss.aliyun-inc.com/uploads/ice-components/ice-add-video/a02c7c20435905f1d13e7d3e7d61f7b7/image.png)\n\n这是由于图片的 inline-block 渲染模式导致的，你无需理解背后的原理，如果你想去掉这个间隙，可以直接在当前组件加上一行 CSS 即可：\n\n```jsx\n\n```\n\n### 图片尺寸性能优化\n\n图片原图可能会非常大，例如 `https://img.alicdn.com/tps/TB1qfWuMVXXXXcEXpXXXXXXXXXX-434-254.png` 会达到 200kb 但实际放在页面上，希望它只显示 200x100 这样的尺寸，此时性能就会很差。\n\n如果你的图片使用 img.alicdn.com 这个 CDN 地址，那么可以传入 props `enableAliCDNSuffix={true}` 将自动开启 Ali CDN 裁切参数，会将图片 url 变成 `https://img.alicdn.com/tps/TB1qfWuMVXXXXcEXpXXXXXXXXXX-434-254.png_400x200q90.jpg` 进行压缩优化，压缩之后图片只有 116kb，加载性能会提升非常多，建议默认开启使用。\n\n如果在 cover 模式下，如果图片尺寸跟配置的显示尺寸差距太大，可能会导致拉伸变模糊，如果绝大部分图片都是此类尺寸，可以设置 false 去掉这个功能。\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/alibaba/ice/issues"},"homepage":"https://github.com/alibaba/ice#readme","_id":"@icedesign/img@1.0.0","_npmVersion":"5.6.0","_nodeVersion":"8.11.1","_npmUser":{"name":"sobear","email":"sobear.me@gmail.com"},"dist":{"integrity":"sha512-WFfITuH8v6k+CK6tyHf46bCONffJ8N9YhslfzIuSaWyOJGPs5nB9mKcs3EZkomWMr0nMG1b1LZxfsPXpjUhKeA==","shasum":"3c5cc2151c133e9bfd0cb66e2091b1e7eef4c6dd","tarball":"https://registry.npmjs.org/@icedesign/img/-/img-1.0.0.tgz","fileCount":17,"unpackedSize":37678,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcNbViCRA9TVsSAnZWagAAEJIP/AvOcUKEaD3RMpsMDs0S\nMt9wDJc0TvK3I6zPHRBTFraVIz2BMWmuLYF+F168lv/m7dISTiyvlom7Fp0l\nDcAl1UFP9IwrDbvwyuhaH+633OPNgJe+YbQQnIDXyE+1w9zZsm+XL4OVYdZF\nRm/emD640F2bm3Lhus49U5G954jqW11sn04hn6jhthJe7+MbusaTKKzZe9aT\nNi2hjXQxDwLQ++eIICkezHHfY/BbQeps3cdWzWdixlaN3VP29H7VHxkeniHE\n7HGSRL3BtYOUxLKhQs7wJ/HHVLMdwTKfH/C0IDBEtZap7FHftCw3bQ75UlJt\n1yeXmXawW6FCiH4PnovHw2QYRIScODiJQoMUTwrdZ8+bdV3ORHPOUFpMrnTY\nvIL2eaVNBjH8hnLc4+kdzU5C3Jzdi9Hl0qGd5ODhy4pPGFD+FS0tSZOVl1Sr\nt+GZReKN1yEZCNAwz6okgxvOVX17WUVBN6rsx4MyqdDEXuI3xYEcXkowBXuh\nC5dtZFuekO3T9kCd+3wR3Rt/xNKYGn9C8UjqVCXmB0sA7JZXQBEMWoZokeXa\noJLWYvFjcW6zWXtAl7R5WV1OfXB4Dh6GwZmuQQepVHS1d0sokZaMmaLF6Brc\n9aS03n8+KXZLj/YyP8k+dbZGlwVAJaI7zpnNrxHMEG/kuFGHkcTjBMznXqTL\naFHC\r\n=2dYB\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCN0ehu9SZkM5UoCR4FXjqJQIqk7c5n3W9I0OLVPNEKLgIgOD16URoRR4ZcB5WeIvST7+Wt+dp0IAjiJ7tHhjjBzbw="}]},"maintainers":[{"email":"chenbinad@gmail.com","name":"chenbin93"},{"email":"chenjun1011@gmail.com","name":"chenjun1011"},{"email":"yudong.myd@alibaba-inc.com","name":"empireo"},{"email":"fenglai0802@163.com","name":"fenglai"},{"email":"noyobo@gmail.com","name":"noyobo"},{"email":"sobear.me@gmail.com","name":"sobear"},{"email":"tao360907796@gmail.com","name":"tao1991123"},{"email":"temper357@gmail.com","name":"temper357"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"hi@harryyu.me","name":"yujiangshui"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/img_1.0.0_1547023714271_0.8087441128904513"},"_hasShrinkwrap":false},"1.0.1":{"name":"@icedesign/img","version":"1.0.1","description":"ICE 图片组件。","main":"lib/index.js","scripts":{"start":"ice-devtools start","build":"ice-devtools build","prepublishOnly":"npm run build"},"author":{"name":"ICE Team","email":"ice-admin@alibaba-inc.com"},"repository":{"type":"git","url":"git+https://github.com/alibaba/ice.git"},"license":"MIT","keywords":["ice-component"],"dependencies":{"classnames":"^2.2.5","prop-types":"^15.5.10"},"devDependencies":{"@alifd/next":"^1.x","react":"^16.5.0","react-dom":"^16.5.0"},"peerDependencies":{"react":"^16.5.0"},"publishConfig":{"access":"public","registry":"http://registry.npmjs.com"},"componentConfig":{"name":"img","title":"ICE 图片组件"},"bugs":{"url":"https://github.com/alibaba/ice/issues"},"homepage":"https://github.com/alibaba/ice#readme","_id":"@icedesign/img@1.0.1","_npmVersion":"6.4.1","_nodeVersion":"10.11.0","_npmUser":{"name":"chenjun1011","email":"chenjun1011@gmail.com"},"dist":{"integrity":"sha512-ZCD/YcqTlAA7wqmH6iepkyr3xT+ilbf02B0La5LAWZ4gz4uyvFr50NZfq5+H604Rwvje6tBBUnxQjUZ6zX7DWQ==","shasum":"7de5209067a1a33058bfaab9f7caeba20567a50a","tarball":"https://registry.npmjs.org/@icedesign/img/-/img-1.0.1.tgz","fileCount":20,"unpackedSize":646214,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcfLgdCRA9TVsSAnZWagAA8dgP/2hK9rUQ0oa/KHKbnqqF\nZqQfmVc/IYh9qPhew0S5LPoyk8gffWRatDoTAsMo6v1fhGBUMQPXjXYabYfu\ncxfttsF5/zo0BGK37fhpA/sc8yOstab7dH3+ohQNu9axLSkR1guged0x+DEf\nOWrJWtyEgvoedU0rqWusBxB+5t7tZWKeC8VIH5Uv3T2M1fH47XVKZfMLOKGX\nOQr0FLR3El5EHQWNYBF28hBEcwfNvcoJ5dm5orrNwCieoOGvpooafaowNPDQ\nlFkfve9dgIs9Qso20WYsiS1RJWjqNgTiCJkw1Zxa9e1MAsGXgbSeI/in7klP\na9ATlQNzIu3dac1d4ydPzg/0u3uBpk4XAVbyB1/i1cqm2cVSmaQ/NvC7uVlC\n48F/VCdMmU5vlKpJEmVm7lmarNGmT+wYHriKZdSgmxpBPm7PLFt2+h1ss+25\nwnmvbWHWiCEXhVbCdoZhkh8LJVca3Blx8md9uU9p4BUpOmcDu8kYC6sBXfgY\ncsur81BJt7d8/domgW79v06hHluEuLKBXKQw/QImIqDolx8Bej25ZmjunsS3\nPNfGsK/4WiRUe26YNOOozeT61yeb7oSYdfCnZuKM/k+gg5yazfSKPRXB4DRg\nWWd5I3VvsOcsk71PjyCt+lU4Vnuj5Lb1XD8HKoeOZNszR1tEUrhdm+qfjKn3\n5BEz\r\n=bkD2\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCc+aj8eDQITA4UmTEHwSiLcp+jwn4/McDye6ZgOG8M2wIgKkrIWuGvPw78XxzFTziiraoU/pCiInLOZhn6BFN4G5U="}]},"maintainers":[{"email":"bindoon@sina.com","name":"bindoon"},{"email":"chenbinad@gmail.com","name":"chenbin93"},{"email":"chenjun1011@gmail.com","name":"chenjun1011"},{"email":"yudong.myd@alibaba-inc.com","name":"empireo"},{"email":"fenglai0802@163.com","name":"fenglai"},{"email":"noyobo@gmail.com","name":"noyobo"},{"email":"sobear.me@gmail.com","name":"sobear"},{"email":"tao360907796@gmail.com","name":"tao1991123"},{"email":"temper357@gmail.com","name":"temper357"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"hi@harryyu.me","name":"yujiangshui"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/img_1.0.1_1551677468816_0.60788779835886"},"_hasShrinkwrap":false},"1.0.2":{"name":"@icedesign/img","version":"1.0.2","description":"ICE 图片组件。","main":"lib/index.js","scripts":{"start":"ice-devtools start","build":"ice-devtools build","prepublishOnly":"npm run build"},"author":{"name":"ICE Team","email":"ice-admin@alibaba-inc.com"},"repository":{"type":"git","url":"git+https://github.com/alibaba/ice.git"},"license":"MIT","keywords":["ice-component"],"dependencies":{"classnames":"^2.2.5","prop-types":"^15.5.10"},"devDependencies":{"@alifd/next":"^1.x","react":"^16.5.0","react-dom":"^16.5.0"},"peerDependencies":{"react":"^16.5.0"},"publishConfig":{"access":"public","registry":"http://registry.npmjs.com"},"componentConfig":{"name":"img","title":"ICE 图片组件"},"homepage":"https://unpkg.com/@icedesign/img@latest/build/index.html","bugs":{"url":"https://github.com/alibaba/ice/issues"},"_id":"@icedesign/img@1.0.2","_npmVersion":"6.4.1","_nodeVersion":"10.11.0","_npmUser":{"name":"chenjun1011","email":"chenjun1011@gmail.com"},"dist":{"integrity":"sha512-KHYRsmUiDLovYf06Xaig79P2Z2LQ3J+4LCKwVUQIzG/m2+yeJpzX0wAecM/uyDnaZgIcIKiZm7B8LdiQafHLZQ==","shasum":"87b37179687ca7241be3af7e9fa96a0ee5657ea4","tarball":"https://registry.npmjs.org/@icedesign/img/-/img-1.0.2.tgz","fileCount":20,"unpackedSize":646287,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcfOgPCRA9TVsSAnZWagAAdCcP/R+PFCrpevl8NgdaJu3p\nCa6m7YUcjGVMsFJDZK2voNA9Pl0t+Jc0hjPo/KtDY/mvacx2MpgICXt5UXBq\ny+LZms1Koq0NalZpC3/hkSjEHeEDp0JKwao9pJH8L22HN2P/y/3W/OxAxPmF\nzwbzDDH+NBav9XDnIgjMmLZRZNcuOWZqPEWk+DuNaDaEKHI/TXUOtb4pjgTU\nPZES/ZDgJJ6LAAQAZp/rZ/MM/8H5IbVEem5zZ5FaTL1e/F3gOSUvLj2cUIqi\nSFwX4SuMUIZMdBDCsp/6ljW4wPMT4A1EkgTA2n5V39yXFIKAQ2iT8DR4GugW\nO2aIf9hMLmg22ioQA7bS1E60iB3M7bkbJYuFoN/TRqYe5ZIAgWgIvScpV2NS\nKpc2vOnh6PspSDKrCzoOsZIolbEfahiAtGbRV9zh91LJzpMVR3xnAr45Qpjj\n5stqymM1IzlfhT2eExgUK2NlBz3VwJ2oYMugs6BLLE3yXpcrubTWTgSbp2zg\nde/Ts5Dj0Zwce/abTQI05dDDnoiRr4Kp927dCO/dS6kPfLlyTKhORMdI33cC\nYhc9/4j0orP1nG9EN53q/Fqmtm4uBRQlwz9MBOLHEMW89F2ZWuz4AKH9hJKi\nmS4b2tRWUGUkF9JlhbxUhxHqW7juuEnrIN2FxmHosC01VrZoVwg1U1l/kXPS\nYEjJ\r\n=jgcE\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCkCt5aeKlQg1EuJUFpAPFe9qxsfssuvoIzuhHdgseU7gIgORVdG+ADDJZH2iMsyTujJOt+V53dxq9Xjio7kc1Ocoo="}]},"maintainers":[{"email":"bindoon@sina.com","name":"bindoon"},{"email":"chenbinad@gmail.com","name":"chenbin93"},{"email":"chenjun1011@gmail.com","name":"chenjun1011"},{"email":"yudong.myd@alibaba-inc.com","name":"empireo"},{"email":"fenglai0802@163.com","name":"fenglai"},{"email":"noyobo@gmail.com","name":"noyobo"},{"email":"sobear.me@gmail.com","name":"sobear"},{"email":"tao360907796@gmail.com","name":"tao1991123"},{"email":"temper357@gmail.com","name":"temper357"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"hi@harryyu.me","name":"yujiangshui"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/img_1.0.2_1551689743232_0.7245587169505476"},"_hasShrinkwrap":false},"1.0.3":{"name":"@icedesign/img","version":"1.0.3","description":"ICE 图片组件。","main":"lib/index.js","scripts":{"start":"../../node_modules/.bin/ice-scripts dev --config ../../ice.component.config.js","build":"../../node_modules/.bin/ice-scripts build --config ../../ice.component.config.js","prepublishOnly":"npm run build"},"repository":{"type":"git","url":"https://github.com/ice-lab/react-materials/tree/master/components/img"},"license":"MIT","keywords":["ice-component"],"dependencies":{"classnames":"^2.2.5","prop-types":"^15.5.10"},"devDependencies":{"@alifd/next":"^1.x","react":"^16.5.0","react-dom":"^16.5.0"},"peerDependencies":{"react":"^16.5.0"},"publishConfig":{"access":"public"},"componentConfig":{"name":"img","title":"ICE 图片组件"},"homepage":"https://unpkg.com/@icedesign/img@1.0.3/build/index.html","_id":"@icedesign/img@1.0.3","_npmVersion":"5.6.0","_nodeVersion":"9.5.0","_npmUser":{"name":"lip966","email":"wddpwzz36@gmail.com"},"dist":{"integrity":"sha512-PIVRdUHv86B+/KJj4+/Wo26BPou95nZ2nmtHb9lTqskSOC+RZ4a7HnNaXgrjH7Hd9XqoAi4Hd4YK5lqyzAdhbQ==","shasum":"561f60e1a2b31c73a3d197b1f915900ecd2652f4","tarball":"https://registry.npmjs.org/@icedesign/img/-/img-1.0.3.tgz","fileCount":18,"unpackedSize":572316,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdglN/CRA9TVsSAnZWagAAUtoP+wegF4rNKYSxX13JXpue\nsOf2gzNCSXu6aOqaS4AHXwR4QbRZvUQg9qi4nRlOLyUbw/zoOCA4FCJGX/AL\nbRjbOFGoPFeLeKAmkh9tnzpblsMVnf8A2v5G08S11zVqsm3hSnHZ5gSG/VIV\n+Fa/fx0Mbqxp9Lm9wNNMhPm2hKccw4TDQUWH7yxBsj8y7OK1UpDSocMSvQzC\nBrCmj0QfD3gNEwuMnHYSfr1BF4Kj/Xus5H/AxeXzIs9z7RGHT+62YFEA7yWa\nKgAaKvFkOhkv/SfuS6ibdZIXNp9w3NrW+CZdTemL5PCEKjuImftgNmy+9SyP\nw1ObtRhxCbsoCQm4aS0varcpaLVHwlgqexZowqfHCBEQHDDiAZ++Y/lWuCF7\n4Vy7X914P48tvpZT4/RRfRHowfvmYfxfvmpkN9ER0wE5O2tSeMHE9wx/+g1p\nA0I3dkRTaUC3lk+m8Bljis5y2SrbNAd8R2vnHrCakVPDlUamcDlxa3jczzeX\nHzo3fpQQvSUN8Ye5LT/+y5wq1ToDd6GpLKDr8NR06BC59o3c3qqBCYoOmtKC\n9Xyj5MrJEEWiPnDurlisRlm+wuEwvCR2g0Z0q3nJF62NZ25NoUDcfb7FWvGH\n4FHCk3h3DuLGxBm1sEl/W6lWBeeF8FOMBnl6k5GpUvKSkY8uRgrt51ErXO0F\nBrLo\r\n=SMxK\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBTkLLmmxOCp+CVmFjaboBRzjfekZi/+1VvNct7k8B7zAiEAmlw5PzE57meYJ8bWjqE/yW8znvOOBmSQZIpAuLLqCPo="}]},"maintainers":[{"email":"alvinxwt@gmail.com","name":"alvinhui"},{"email":"bindoon@sina.com","name":"bindoon"},{"email":"chenbinad@gmail.com","name":"chenbin93"},{"email":"chenjun1011@gmail.com","name":"chenjun1011"},{"email":"xiawenwu41@163.com","name":"clarkxia"},{"email":"wddpwzz36@gmail.com","name":"lip966"},{"email":"noyobo@gmail.com","name":"noyobo"},{"email":"sobear.me@gmail.com","name":"sobear"},{"email":"temper357@gmail.com","name":"temper357"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"yundong.me@gmail.com","name":"yundong"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/img_1.0.3_1568822142737_0.3149399143235341"},"_hasShrinkwrap":false},"1.0.4":{"name":"@icedesign/img","version":"1.0.4","description":"ICE 图片组件。","main":"lib/index.js","types":"index.d.ts","scripts":{"start":"../../node_modules/.bin/ice-scripts dev --config ../../ice.component.config.js","build":"../../node_modules/.bin/ice-scripts build --config ../../ice.component.config.js","prepublishOnly":"npm run build"},"repository":{"type":"git","url":"https://github.com/ice-lab/react-materials/tree/master/components/img"},"license":"MIT","keywords":["ice-component"],"dependencies":{"classnames":"^2.2.5","prop-types":"^15.5.10"},"devDependencies":{"@alifd/next":"^1.x","react":"^16.5.0","react-dom":"^16.5.0"},"peerDependencies":{"react":"^16.5.0"},"publishConfig":{"access":"public"},"componentConfig":{"name":"img","title":"ICE 图片组件"},"homepage":"https://unpkg.com/@icedesign/img@1.0.4/build/index.html","_id":"@icedesign/img@1.0.4","_nodeVersion":"10.16.0","_npmVersion":"6.11.2","dist":{"integrity":"sha512-XYepk984SGERhClKd/LnJwoWQ6LgAlqn64WTa/W2SMjmC5xRaAsC0bToZ3B8aoYmgG9sKpXVIFdWyNvThO3e1Q==","shasum":"b6f94dfa0f0c0a64828226a82904c63654147db1","tarball":"https://registry.npmjs.org/@icedesign/img/-/img-1.0.4.tgz","fileCount":19,"unpackedSize":581145,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdw/HtCRA9TVsSAnZWagAAUBEP/i3uqMsWHorj7NZYpihS\n4m9AnBxVbi5voNoUk2ZlWM+Rq8Nt+MwiNm+RzQz2MxJsRiTt4VJJKUogegjz\nldP1vv93GOxmP4QJ7Cf78WCGmEwyL9cP5Gh01cOAhZuaGFND7rz6z2b/FGvb\nnrmFL6j2Po+VZEkJHYJubOc2MhxuHdElgxFgvUwHb/OelTk3VqANPWvD5CHS\n2ea1xrqQ23zxG2H3oRmmMc2aTjyNVDFe8OtmhyZ8XVkIaH82e6XOFwYPS6NE\nYocRMmkKuRjkNCqlmM1QLC8h2hnItXWmokGnh8Lhb1LZ43M36KSotbIKma67\nnqCFclgpAwqpvzv/x3vkkmV/jDstzt7OQ2lv0RpSgxwKQTFRODlz8oWMLQ8A\n2qJHimz6fBPTufn56wIOCOaGKkZI6xtXu9uj7p61UBH2GhC99WlZp2GhMAwO\n4xUPGXz45oaNL8r7SOdPclgHNbS+KG8vA170LS0fYwtfylYdVnQJNC0iZkCO\n0hfYH7UJKY3443JDJ6b6DmusewlqyBrTwwTttq0qhlQJyTk1T8H21aSPRIoq\nDBO8NYVL8L6HlzSOalJKgLcbNTCqRV5hcAe8QhfonHPowr/l0I4VsmJpalB6\n20V+fzSmIEK/cj1rBzzjs51X8beMtN2okvTvWZ01iJETQLCnn/3CpD3X0t1+\nMnYM\r\n=7D8d\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDB77wRK20ae8GLpOYyAJDZkeErcAVKr0/kgF96bCTouwIhAOFnX1uemMmz/t10ZVit1+6G2unjWo4i6Olukx+5mWT2"}]},"maintainers":[{"email":"alvinxwt@gmail.com","name":"alvinhui"},{"email":"bindoon@sina.com","name":"bindoon"},{"email":"chenbinad@gmail.com","name":"chenbin93"},{"email":"chenjun1011@gmail.com","name":"chenjun1011"},{"email":"xiawenwu41@163.com","name":"clarkxia"},{"email":"wddpwzz36@gmail.com","name":"lip966"},{"email":"noyobo@gmail.com","name":"noyobo"},{"email":"sobear.me@gmail.com","name":"sobear"},{"email":"temper357@gmail.com","name":"temper357"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"yundong.me@gmail.com","name":"yundong"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"_npmUser":{"name":"sobear","email":"sobear.me@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/img_1.0.4_1573122540657_0.12074286076532492"},"_hasShrinkwrap":false}},"readme":"---\ntitle: Img\ncategory: Components\nchinese: 图片组件\n---\n\nICE 图片组件，用来增强图片显示效果。\n\n## 安装和升级\n\n```bash\nnpm i @icedesign/img -S\n```\n\n## 参数（props）\n\n| 参数名 | 说明 | 必填 | 类型 | 默认值 | 可选值 | 备注 |\n| ------------------ | ----------------------------------------- | ----- | -------- | ------ | ---------------------- | -------------------------------------------------------------- |\n| type | 图片显示模式 | false | string | cover | cover、contain | |\n| src | 图片 url | true | string | | | |\n| shape | 形状展现 | false | string | sharp | circle、sharp、rounded | |\n| title | 图片的 title，hover 上去会显示出来 | false | string | '' | | |\n| alt | 图片的 alt 通常用于屏幕阅读器（盲人）识别 | false | string | '' | | |\n| className | 图片的 className | false | string | '' | | |\n| style | 图片的 inline style | false | object | {} | | |\n| width | 图片显示宽度 | false | number | | | 计算图片必需，不传则表现形式等同于普通 img 标签。 |\n| height | 图片显示高度 | false | number | | | 计算图片必需，不传则表现形式等同于普通 img 标签。 |\n| errorImgSrc | 图片加载失败的兜底图片 | false | string | | | 如果图片加载失败，那么将用这张图来代替 |\n| onError | 图片加载失败的回调方法 | false | function | | | 如果图片加载失败，那么将执行这个 callback 让你添加一些容错逻辑 |\n| enableAliCDNSuffix | 是否启用 Ali CDN 自动裁切参数 | false | false | | | 如果在 cover 模式下，图片高度太高可能会拉伸的比较模糊 |\n\n### 图片底部存在 3px 空隙的解决方法\n\n如果你将当前组件用来展示图片放在其他组件内，或者使用当前组件时有外边线，细致的你会发现底部可能存在 3px 的间隙：\n\n![image](http://git.cn-hangzhou.oss.aliyun-inc.com/uploads/ice-components/ice-add-video/a02c7c20435905f1d13e7d3e7d61f7b7/image.png)\n\n这是由于图片的 inline-block 渲染模式导致的，你无需理解背后的原理，如果你想去掉这个间隙，可以直接在当前组件加上一行 CSS 即可：\n\n```jsx\n\n```\n\n### 图片尺寸性能优化\n\n图片原图可能会非常大，例如 `https://img.alicdn.com/tps/TB1qfWuMVXXXXcEXpXXXXXXXXXX-434-254.png` 会达到 200kb 但实际放在页面上，希望它只显示 200x100 这样的尺寸，此时性能就会很差。\n\n如果你的图片使用 img.alicdn.com 这个 CDN 地址，那么可以传入 props `enableAliCDNSuffix={true}` 将自动开启 Ali CDN 裁切参数，会将图片 url 变成 `https://img.alicdn.com/tps/TB1qfWuMVXXXXcEXpXXXXXXXXXX-434-254.png_400x200q90.jpg` 进行压缩优化，压缩之后图片只有 116kb，加载性能会提升非常多，建议默认开启使用。\n\n如果在 cover 模式下，如果图片尺寸跟配置的显示尺寸差距太大，可能会导致拉伸变模糊，如果绝大部分图片都是此类尺寸，可以设置 false 去掉这个功能。\n","maintainers":[{"email":"rax-public@alibaba-inc.com","name":"rax-publisher"},{"email":"luhengchang228@126.com","name":"luhengchang228"},{"email":"chenjun1011@gmail.com","name":"chenjun1011"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"wssgcg1213@qq.com","name":"zeroling"},{"email":"temper357@gmail.com","name":"temper357"},{"email":"sobear.me@gmail.com","name":"sobear"},{"email":"bindoon@sina.com","name":"bindoon"},{"email":"xiawenwu41@gmail.com","name":"clarkxia"},{"email":"alvin.hui@qq.com","name":"alvinhui"},{"email":"njuzhaoguoyan@foxmail.com","name":"aboutblank"}],"time":{"modified":"2022-04-05T19:08:02.644Z","created":"2017-12-26T06:51:40.651Z","0.1.0":"2017-12-26T06:51:40.651Z","0.1.1":"2017-12-26T11:45:12.307Z","0.1.2":"2018-06-24T15:23:12.042Z","0.1.4":"2018-11-20T12:15:28.978Z","0.1.5":"2018-11-20T13:14:09.774Z","0.1.6":"2018-11-21T14:20:02.541Z","1.0.0":"2019-01-09T08:48:34.416Z","1.0.1":"2019-03-04T05:31:08.976Z","1.0.2":"2019-03-04T08:55:43.438Z","1.0.3":"2019-09-18T15:55:42.862Z","1.0.4":"2019-11-07T10:29:00.831Z"},"homepage":"https://unpkg.com/@icedesign/img@1.0.4/build/index.html","keywords":["ice-component"],"repository":{"type":"git","url":"https://github.com/ice-lab/react-materials/tree/master/components/img"},"license":"MIT","readmeFilename":"README.md"}