图片裁剪

{"value":"**imageMogr2** \u63d0\u4f9b\u4e00\u7cfb\u5217\u9ad8\u7ea7\u56fe\u7247\u5904\u7406\u529f\u80fd\uff0c\u672c\u6587\u4ecb\u7ecd **\u56fe\u7247\u88c1\u526a**\uff0c\u53ef\u4e0e **imageMogr2** \u7684\u5176\u4ed6\u53c2\u6570\u4e00\u8d77\u4f7f\u7528\u3002\n\n### **\u9650\u5236\u8bf4\u660e**\n\n- \u539f\u56fe\u9650\u5236\n - \u539f\u56fe\u683c\u5f0f\u652f\u6301\uff1a `psd`\u3001`jpeg`\u3001`png`\u3001`gif`\u3001`webp`\u3001`tiff`\u3001`bmp`\uff08webp\u52a8\u56fe\uff0c\u4ec5\u652f\u6301 \u6301\u4e45\u5316\u5904\u7406\uff09\n- \u8f93\u51fa\u9650\u5236\n - \u5982\u679c\u60a8\u6709\u591a\u5f20\u591a\u5e27 gif \u56fe\u7247\u9700\u8981\u5904\u7406\uff0c\u53ef\u5728\u56fe\u7247\u4e0a\u4f20\u5b8c\u6210\u540e\u5f02\u6b65\u8fdb\u884c\u9884\u8f6c\uff0c\u8fd9\u6837\u4e0d\u5fc5\u5728\u521d\u6b21\u8bbf\u95ee\u65f6\u8fdb\u884c\u56fe\u7247\u5904\u7406\uff0c\u8bbf\u95ee\u901f\u5ea6\u66f4\u5feb\u3002\u5efa\u8bae\u4f18\u5148\u4f7f\u7528 \u6301\u4e45\u5316\u5904\u7406\n- \u540c\u6b65\u5904\u7406\n - \u540c\u6b65\u5904\u7406\u53ea\u652f\u6301 20MB \u4ee5\u5185\u7684\u56fe\u7247\uff0c\u8d85\u8fc7 20MB \u7684\u56fe\u7247\u9700\u8981\u4f7f\u7528\u6301\u4e45\u5316\u5904\u7406\n - \u540c\u6b65\u5904\u7406\u524d\u7684gif\u6700\u5927\u5e27\u6570\u4e3a 200\n - \u540c\u6b65\u5904\u7406\u524d\u7684\u56fe\u7247`w`\u548c`h`\u53c2\u6570\u4e0d\u80fd\u8d85\u8fc73\u4e07\u50cf\u7d20\uff0c\u603b\u50cf\u7d20\u4e0d\u80fd\u8d85\u8fc71.5\u4ebf\u50cf\u7d20\n - \u540c\u6b65\u5904\u7406\u540e\u7684\u56fe\u7247`w`\u548c`h`\u53c2\u6570\u4e0d\u80fd\u8d85\u8fc79999\u50cf\u7d20\uff0c\u603b\u50cf\u7d20\u4e0d\u5f97\u8d85\u8fc724999999\uff082500w-1\uff09\u50cf\u7d20\n- \u6301\u4e45\u5316\u5904\u7406\n - \u6301\u4e45\u5316\u5904\u7406\u65e0\u5927\u5c0f\u9650\u5236\n - \u5904\u7406\u524d\u7684`gif`\u3001`webp\u52a8\u56fe`\uff0c\u6700\u5927\u5e27\u6570\u4e3a 500\n - \u6301\u4e45\u5316\u5904\u7406\u524d\u7684\u56fe\u7247`w`\u548c`h`\u53c2\u6570\u4e0d\u80fd\u8d85\u8fc73\u4e07\u50cf\u7d20\uff0c\u603b\u50cf\u7d20\u4e0d\u80fd\u8d85\u8fc71.5\u4ebf\u50cf\u7d20\n - \u6301\u4e45\u5316\u5904\u7406\u540e\u7684\u56fe\u7247`w`\u548c`h`\u53c2\u6570\u4e0d\u80fd\u8d85\u8fc714999\u50cf\u7d20\uff0c\u603b\u50cf\u7d20\u4e0d\u5f97\u8d85\u8fc759999999\uff086000w-1\uff09\u50cf\u7d20\n\n### **\u63a5\u53e3\u89c4\u683c**\n\n**\u6ce8\u610f**\uff1a\u63a5\u53e3\u89c4\u683c\u4e0d\u542b\u4efb\u4f55\u7a7a\u683c\u4e0e\u6362\u884c\u7b26\u3002\n\n```\nimageMogr2\/crop\n```\n\n### \u53c2\u6570\u8bf4\u660e\n\n\u88c1\u526a\u64cd\u4f5c\u53c2\u6570\u8868 (cropsize)\n\n| \u53c2\u6570\u540d\u79f0 | \u5fc5\u586b | \u8bf4\u660e |\n| ----------------------------- | ---- | ------------------------------------------------------------ |\n| `\/crop\/<Width>x` | | \u6307\u5b9a\u76ee\u6807\u56fe\u7247\u5bbd\u5ea6\uff0c\u9ad8\u5ea6\u4e0d\u53d8\u3002\u53d6\u503c\u8303\u56f4\u4e3a0-10000\u3002 |\n| `\/crop\/x<Height>` | | \u6307\u5b9a\u76ee\u6807\u56fe\u7247\u9ad8\u5ea6\uff0c\u5bbd\u5ea6\u4e0d\u53d8\u3002\u53d6\u503c\u8303\u56f4\u4e3a0-10000\u3002 |\n| `\/crop\/<Width>x<Height>` | | \u540c\u65f6\u6307\u5b9a\u76ee\u6807\u56fe\u7247\u5bbd\u9ad8\u3002\u53d6\u503c\u8303\u56f4\u4e3a0-10000\u3002 |\n| `\/ignore-error\/<ignoreError>` | | \u53d6\u503c\u4e3a 1 \u65f6\uff0c\u5219\u5904\u7406\u5931\u8d25\u65f6\u8fd4\u56de\u539f\u56fe\uff1b\u53d6\u503c\u4e3a 0 \u65f6\uff0c\u5219\u5904\u7406\u5931\u8d25\u65f6\u8fd4\u56de\u9519\u8bef\u4fe1\u606f\u3002\u9ed8\u8ba4\u503c\u4e3a 0\u3002 |\n\n### \u88c1\u526a\u504f\u79fb\u53c2\u6570\u8868 (cropoffset)\n\n| \u53c2\u6570\u540d\u79f0 | \u5fc5\u586b | \u8bf4\u660e |\n| ----------------------------- | ---- | ------------------------------------------------------------ |\n| `\/crop\/!{cropsize}a<dx>a<dy>` | | \u76f8\u5bf9\u4e8e\u504f\u79fb\u951a\u70b9\uff0c\u5411\u53f3\u504f\u79fbdx\u4e2a\u50cf\u7d20\uff0c\u540c\u65f6\u5411\u4e0b\u504f\u79fbdy\u4e2a\u50cf\u7d20\u3002\u53d6\u503c\u8303\u56f4\u4e0d\u9650\uff0c\u5c0f\u4e8e\u539f\u56fe\u5bbd\u9ad8\u5373\u53ef\u3002 |\n| `\/crop\/!{cropsize}-<dx>a<dy>` | | \u76f8\u5bf9\u4e8e\u504f\u79fb\u951a\u70b9\uff0c\u4ece\u6307\u5b9a\u5bbd\u5ea6\u4e2d\u51cf\u53bbdx\u4e2a\u50cf\u7d20\uff0c\u540c\u65f6\u5411\u4e0b\u504f\u79fbdy\u4e2a\u50cf\u7d20\u3002\u53d6\u503c\u8303\u56f4\u4e0d\u9650\uff0c\u5c0f\u4e8e\u539f\u56fe\u5bbd\u9ad8\u5373\u53ef\u3002 |\n| `\/crop\/!{cropsize}a<dx>-<dy>` | | \u76f8\u5bf9\u4e8e\u504f\u79fb\u951a\u70b9\uff0c\u5411\u53f3\u504f\u79fbdx\u4e2a\u50cf\u7d20\uff0c\u540c\u65f6\u4ece\u6307\u5b9a\u9ad8\u5ea6\u4e2d\u51cf\u53bbdy\u4e2a\u50cf\u7d20\u3002\u53d6\u503c\u8303\u56f4\u4e0d\u9650\uff0c\u5c0f\u4e8e\u539f\u56fe\u5bbd\u9ad8\u5373\u53ef\u3002 |\n| `\/crop\/!{cropsize}-<dx>-<dy>` | | \u76f8\u5bf9\u4e8e\u504f\u79fb\u951a\u70b9\uff0c\u4ece\u6307\u5b9a\u5bbd\u5ea6\u4e2d\u51cf\u53bbdx\u4e2a\u50cf\u7d20\uff0c\u540c\u65f6\u4ece\u6307\u5b9a\u9ad8\u5ea6\u4e2d\u51cf\u53bbdy\u4e2a\u50cf\u7d20\u3002\u53d6\u503c\u8303\u56f4\u4e0d\u9650\uff0c\u5c0f\u4e8e\u539f\u56fe\u5bbd\u9ad8\u5373\u53ef\u3002 |\n\n**\u793a\u4f8b**\n\n- \/crop\/!300x400a10a10 \u8868\u793a\u4ece\u6e90\u56fe\u5750\u6807\u4e3a x:10,y:10 \u5904\u622a\u53d6 300x400 \u7684\u5b50\u56fe\u7247\u3002\n- \/crop\/!300x400-10a10 \u8868\u793a\u4ece\u6e90\u56fe\u5750\u6807\u4e3a x:0,y:10 \u5904\u622a\u53d6 290x400 \u7684\u5b50\u56fe\u7247\u3002\n\n**\u6ce8\u610f**\n\n- \u5fc5\u987b\u540c\u65f6\u6307\u5b9a\u6a2a\u8f74\u504f\u79fb\u548c\u7eb5\u8f74\u504f\u79fb\u3002\n- `thumbnail` \u548c `crop` \u4e4b\u95f4\u7684\u64cd\u4f5c\u53ef\u4ee5\u7ba1\u9053\u5904\u7406\uff0c\u5373\u53ef\u4ee5\u5148\u5bf9\u56fe\u8fdb\u884c\u7f29\u7565\u518d\u88c1\u526a\uff0c\u6216\u8005\u5148\u88c1\u526a\u518d\u7f29\u7565\u3002\n- `gravity` \u4f1a\u4f7f\u5176\u540e\u7684\u88c1\u526a\u504f\u79fb `cropoffset` \u53d7\u5230\u5f71\u54cd\uff0c\u5efa\u8bae\u653e\u5728 `\/crop` \u53c2\u6570\u4e4b\u524d\u3002\n- \u8ba1\u7b97\u504f\u79fb\u503c\u4f1a\u53d7\u5230\u4f4d\u7f6e\u504f\u79fb\u6307\u793a\u7b26 `\/gravity\/` \u7684\u5f71\u54cd\u3002\u9ed8\u8ba4\u4e3a\u76f8\u5bf9\u4e8e\u5de6\u4e0a\u89d2 NorthWest \u8ba1\u7b97\u504f\u79fb\u503c\uff0c\u53c2\u8003 `\u91cd\u5fc3\u53c2\u6570\u8868`\u3002\n\n### \u91cd\u5fc3\u53c2\u6570\u8868\n\n\u5728\u56fe\u7247\u9ad8\u7ea7\u5904\u7406\u73b0\u6709\u7684\u529f\u80fd\u4e2d\u53ea\u5f71\u54cd\u5176\u540e\u7684\u88c1\u526a\u64cd\u4f5c\u53c2\u6570\u8868\uff0c\u5373\u88c1\u526a\u64cd\u4f5c\u4ee5 gravity \u4e3a\u539f\u70b9\u5f00\u59cb\u504f\u79fb\u540e\uff0c\u8fdb\u884c\u88c1\u526a\u64cd\u4f5c\u3002\n\n```\nNorthWest | North | NorthEast\n | | \n | | \n--------------+----------------+--------------\n | | \nWest | Center | East \n | | \n--------------+----------------+--------------\n | | \n | | \nSouthWest | South | SouthEast\n```\n\n### \u8f6c\u4e49\u8bf4\u660e\n\n\u90e8\u5206\u53c2\u6570\u4ee5 `!` \u5f00\u5934\uff0c\u8868\u793a\u53c2\u6570\u5c06\u88ab\u8f6c\u4e49\u3002\u4e3a\u4fbf\u4e8e\u9605\u8bfb\uff0c\u6211\u4eec\u91c7\u7528\u7279\u6b8a\u8f6c\u4e49\u65b9\u6cd5\uff0c\u5982\u4e0b\u6240\u793a\uff1a\n\n```\np => % (percent)\nr => ^ (reverse)\na => + (add)\n```\n\n\u5373`!50x50r` \u5b9e\u9645\u4ee3\u8868 50x50^ \u8fd9\u6837\u4e00\u4e2a\u5b57\u7b26\u4e32\u3002\u800c`!50x50`\u5b9e\u9645\u4ee3\u8868 50x50 \u8fd9\u6837\u4e00\u4e2a\u5b57\u7b26\u4e32\uff08\u8be5\u5b57\u7b26\u4e32\u5e76\u4e0d\u9700\u8981\u8f6c\u4e49\uff09\u3002 \u4e2d\u7684 OffsetGeometry \u90e8\u5206\u53ef\u4ee5\u7701\u7565\uff0c\u9ed8\u8ba4\u4e3a +0+0\u3002\u5373 \/crop\/50x50 \u7b49\u4ef7\u4e8e \/crop\/!50x50a0a0\uff0c\u6267\u884c -crop 50x50+0+0 \u8bed\u4e49\u3002\n\n### **\u793a\u4f8b**\n\n**0.** \u539f\u56fe\n\n```\nhttps:\/\/dn-odum9helk.qbox.me\/resource\/gogopher.jpg\n```\n\n**1.** \u751f\u6210 300x427 \u88c1\u526a\u56fe\n\n```\nhttps:\/\/dn-odum9helk.qbox.me\/resource\/gogopher.jpg?imageMogr2\/crop\/300x\n```\n\n**2.** \u751f\u6210 640x200 \u88c1\u526a\u56fe\n\n```\nhttps:\/\/dn-odum9helk.qbox.me\/resource\/gogopher.jpg?imageMogr2\/crop\/x200\n```\n\n**3.** \u751f\u6210 300x300 \u88c1\u526a\u56fe\n\n```\nhttps:\/\/dn-odum9helk.qbox.me\/resource\/gogopher.jpg?imageMogr2\/crop\/300x300\n```\n\n**4.** \u751f\u6210 300x300 \u88c1\u526a\u56fe\uff0c\u504f\u79fb\u8ddd\u79bb 30x100\n\n```\nhttps:\/\/dn-odum9helk.qbox.me\/resource\/gogopher.jpg?imageMogr2\/crop\/!300x300a30a100\n```\n\n**5.** \u751f\u6210 300x200 \u88c1\u526a\u56fe\uff0c\u504f\u79fb\u8ddd\u79bb 30x0\n\n```\nhttps:\/\/dn-odum9helk.qbox.me\/resource\/gogopher.jpg?imageMogr2\/crop\/!300x300a30-100\n```\n\n**6.** \u751f\u6210 270x300 \u88c1\u526a\u56fe\uff0c\u504f\u79fb\u8ddd\u79bb 0x100\n\n```\nhttps:\/\/dn-odum9helk.qbox.me\/resource\/gogopher.jpg?imageMogr2\/crop\/!300x300-30a100\n```\n\n**7.** \u751f\u6210 270x200 \u88c1\u526a\u56fe\uff0c\u504f\u79fb\u8ddd\u79bb 0x0\n\n```\nhttps:\/\/dn-odum9helk.qbox.me\/resource\/gogopher.jpg?imageMogr2\/crop\/!300x300-30-100\n```\n\n**8.** \u951a\u70b9\u5728\u5de6\u4e0a\u89d2 (NorthWest)\uff0c\u751f\u6210 300x300 \u88c1\u526a\u56fe\n\n```\nhttps:\/\/dn-odum9helk.qbox.me\/resource\/gogopher.jpg?imageMogr2\/gravity\/NorthWest\/crop\/300x300\n```\n\n**9.** \u951a\u70b9\u5728\u6b63\u4e0a\u65b9 (North)\uff0c\u751f\u6210 300x300 \u88c1\u526a\u56fe\n\n```\nhttps:\/\/dn-odum9helk.qbox.me\/resource\/gogopher.jpg?imageMogr2\/gravity\/North\/crop\/300x300\n```\n\n**10.** \u951a\u70b9\u5728\u53f3\u4e0a\u89d2 (NorthEast)\uff0c\u751f\u6210 300x300 \u88c1\u526a\u56fe\n\n```\nhttps:\/\/dn-odum9helk.qbox.me\/resource\/gogopher.jpg?imageMogr2\/gravity\/NorthEast\/crop\/300x300\n```\n\n**11.** \u951a\u70b9\u5728\u6b63\u5de6\u65b9 (West)\uff0c\u751f\u6210 300x300 \u88c1\u526a\u56fe\n\n```\nhttps:\/\/dn-odum9helk.qbox.me\/resource\/gogopher.jpg?imageMogr2\/gravity\/West\/crop\/300x300\n```\n\n**12.** \u951a\u70b9\u5728\u6b63\u4e2d (Center)\uff0c\u751f\u6210 300x300 \u88c1\u526a\u56fe\n\n```\nhttps:\/\/dn-odum9helk.qbox.me\/resource\/gogopher.jpg?imageMogr2\/gravity\/Center\/crop\/300x300\n```\n\n**13.** \u951a\u70b9\u5728\u6b63\u53f3\u65b9 (East)\uff0c\u751f\u6210 300x300 \u88c1\u526a\u56fe\n\n```\nhttps:\/\/dn-odum9helk.qbox.me\/resource\/gogopher.jpg?imageMogr2\/gravity\/East\/crop\/300x300\n```\n\n**14.** \u951a\u70b9\u5728\u5de6\u4e0b\u89d2 (SouthWest)\uff0c\u751f\u6210 300x300 \u88c1\u526a\u56fe\n\n```\nhttps:\/\/dn-odum9helk.qbox.me\/resource\/gogopher.jpg?imageMogr2\/gravity\/SouthWest\/crop\/300x300\n```\n\n**15.** \u951a\u70b9\u5728\u6b63\u4e0b\u65b9 (South)\uff0c\u751f\u6210 300x300 \u88c1\u526a\u56fe\n\n```\nhttps:\/\/dn-odum9helk.qbox.me\/resource\/gogopher.jpg?imageMogr2\/gravity\/South\/crop\/300x300\n```\n\n**16.** \u951a\u70b9\u5728\u53f3\u4e0b\u89d2 (SouthEast)\uff0c\u751f\u6210 300x300 \u88c1\u526a\u56fe\n\n```\nhttps:\/\/dn-odum9helk.qbox.me\/resource\/gogopher.jpg?imageMogr2\/gravity\/SouthEast\/crop\/300x300\n```\n"}