图片圆角处理

{"value":"**\u56fe\u7247\u5706\u89d2\u5904\u7406** \u5c06\u56fe\u7247\u751f\u6210\u5706\u89d2\u56fe\u7247\uff0c\u5e76\u4e14\u53ef\u4ee5\u6307\u5b9a\u56fe\u7247\u7684\u5706\u89d2\u5927\u5c0f\u3002\n\n### **\u4f7f\u7528\u9650\u5236**\n\n- \u539f\u56fe\u683c\u5f0f\u652f\u6301\uff1a`png`\u3001`jpg`\uff0c\u5904\u7406\u540e\u7684\u56fe\u7247\u683c\u5f0f\u4e3a`png`\n- \u540c\u6b65\u5904\u7406\n - \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 - \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 - \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 - \u5904\u7406\u540e\u56fe\u7247\u6587\u4ef6\u5927\u5c0f\u6ca1\u6709\u9650\u5236\n- \u6301\u4e45\u5316\u5904\u7406\n - \u56fe\u7247\u6587\u4ef6\u65e0\u5927\u5c0f\u9650\u5236\n - \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 - \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 - \u5904\u7406\u540e\u56fe\u7247\u6587\u4ef6\u5927\u5c0f\u6ca1\u6709\u9650\u5236\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```\nroundPic\/radius\/<radius>\n \/radiusx\/<radiusx>\n \/radiusy\/<radiusy>\n```\n\n### \u53c2\u6570\u8bf4\u660e\n\n| \u53c2\u6570\u540d\u79f0 | \u5fc5\u586b | \u8bf4\u660e |\n| :------------------- | :--- | :----------------------------------------------------------- |\n| `\/radius\/<radius>` | \u5426 | \u5706\u89d2\u5927\u5c0f\u7684\u53c2\u6570\uff0c\u6c34\u5e73\u548c\u5782\u76f4\u7684\u503c\u76f8\u540c\uff0c\u53ef\u4ee5\u4f7f\u7528\u50cf\u7d20\u6570\uff08\u5982200\uff09\u6216\u767e\u5206\u6bd4\uff08\u5982!25p\uff09\u3002\u4e0d\u80fd\u4e0e`radiusx`\u548c`radiusy`\u540c\u65f6\u4f7f\u7528\u3002 |\n| `\/radiusx\/<radiusx>` | \u5426 | \u5706\u89d2\u6c34\u5e73\u5927\u5c0f\u7684\u53c2\u6570\uff0c\u53ef\u4ee5\u4f7f\u7528\u50cf\u7d20\u6570\uff08\u5982200\uff09\u6216\u767e\u5206\u6bd4\uff08\u5982!25p\uff09\u3002\u9700\u8981\u4e0e`radiusy`\u540c\u65f6\u4f7f\u7528\u3002 |\n| `\/radiusy\/<radiusy>` | \u5426 | \u5706\u89d2\u5782\u76f4\u5927\u5c0f\u7684\u53c2\u6570\uff0c\u53ef\u4ee5\u4f7f\u7528\u50cf\u7d20\u6570\uff08\u5982200\uff09\u6216\u767e\u5206\u6bd4\uff08\u5982!25p\uff09\u3002\u9700\u8981\u4e0e`radiusx`\u540c\u65f6\u4f7f\u7528\u3002 |\n\n**\u6ce8\u610f\uff1a**\n\n1.\u5176\u4e2d\u5f53\u50cf\u7d20\u6570\u5927\u4e8e\u5bbd\uff08\u9ad8\uff09\u76841\/2\u65f6\u53d6\u51761\/2\uff0c\u767e\u5206\u6bd4\u5927\u4e8e!50p\u65f6\uff0c\u53d6!50p\uff1b\n\n2.\u50cf\u7d20\u6570\u4e0e\u767e\u5206\u6bd4\u5747\u9700\u4e3a\u975e\u8d1f\u503c\uff0c\u547d\u4ee4`roundPic\/radius\/!50p`\u53ef\u4f7f\u65b9\u5f62\u56fe\u7247\u53d8\u5706\u3002\n\n### **\u793a\u4f8b**\n\n**0.** \u539f\u56fe\n\n```\nhttp:\/\/dn-odum9helk.qbox.me\/resource\/gogopher.jpg\n```\n\n**1.** \u628a\u4e00\u5f20\u56fe\u7247\u53d8\u6210\u5706\u89d2\uff1a\n\n```\nhttp:\/\/dn-odum9helk.qbox.me\/resource\/gogopher.jpg?roundPic\/radius\/50\n```\n\n"}