svg image

背景介绍,画svg的时候因为需要插入图片,然后生成的svg是要可以下载的,也就是要脱离web环境显示,那么xlink:href="url"的形势就不可以了,并且要插入的图片在图片服务器上,那么如何才能插入到svg中呢? 基本格式如下<image xlink:href="data:image/png;base64, ivBORw..." />  其中ivBORw...这个是图片二进制流用base64编码后的图片数据,

data:同html的data类型的url类似,指明了data类型是 png类型图片 详细介绍请移步:https://www.cnblogs.com/wgw8299/archive/2011/02/06/1949453.html (有彩蛋,请不要在办公区查看此文章)

<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" contentScriptType="text/ecmascript" width="640" zoomAndPan="magnify" contentStyleType="text/css" height="1008" preserveAspectRatio="xMidYMid meet" version="1.0">
<image xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOoAAAIJCAYAAACr26FLAAAkKklEQVR42u2de7xXU9rATxeppKikSENuoUhhEEoxatDIMGOLkVskZnKZJoZXJt5xbRIlDJO33AaJYdC4hoiaCpN7bkm5pYkI1bvWe9Z558yZ8ztnX5512fv3/eP74Y/Ob6/f3s/3t/de61nPU7Fu3boKAAgbTgIAogIAogIgKgAgKgAgKgCiAgCiAgCiAiAqACAqAKICAKICAKICIKpVorMnghzNFf0UByl2UjThnMiAqOFcjJaK/ooDFe1zGExdFa8r1lXje8WrikmKYxQdkQ5R8yzqvorlNYL8ecUIxRDFPoqmAQdSIyPkuhgsUkxWHK/YBgkRNS+iNjLBW1+Af6N4UjHaPF6GJO7BMSWtjcWKWxSDFZsiJaKGKuruKQP8a8UjirMU3Tx/hxsziFqTBYpLFHsoGiApooYi6tFCAf6+Yrxif3OXdvkdXhUUtTpLFBOMtIiKqF4ZYSHAP1Vcq9jNwfjXV6y1JGp19ETV6YpmiIqoPhhmOcBfMjOujS2NfzsHktb8EToZURHVNWc6CvB3FD+xMP7+jkWt4jxERVSX3OI4wMcIj3+4J1GvR1REdcl8D0G+leD4b/Iwfj1xtiWiIqor1lN86zjIVyk2EvwO/3A8/vvKcb0VUf1egG4e7kbnC45/Q0czvppZij1ZnkFUHxzjWNIXhGd/+zoa9yUe1oYRFVH/nyscSvqVoovw+Ec5GPflZCYhqu8L8LhDUW2sPd5recwLTUIFoiKqt5Ov81hXOJL0z5a+wxLL4+6LpIjqW9RtHS5lbGRh/B0tj3s6giJqCKIOdiTqjyyN/wiLY17NXlVEDUXUsQ4kvdni+C+3OO7LkBNRQxF1pmVJP7T0yFvFM5bGvcyUpUFQRPUuamOzXGJT1MMtjr+pxYyqExETUUMRtYdlSR+2PP4+lsb9d0VDxETUUEQ9zaKkurbS1pbHf4Glse+HlIgakqhTLYr6Owfjf9TCuO9BSEQNTdS3LUn6gYNSJU3MDhzJcev6v9sjJKKGJOqmFu+mxzoYf28L456EjIgamqiHW5J0rqOJmIuEx/2logMyImpooo6zJGpvR+OXXj8dg4iIGqKoNkqv3O9o7C0U3wmO+2Oz+TxP0uhzcIPiTVPqtRmiFk/UjS1URNCft7Oj8Q8UHvsZOZO0lWJ29J8tOU6NLHeuQ1S3F/oQC3fT2x2Of4LguN+K8tWWUVeYeKiecqxDIkv1kxHV7cW+0sKyhstdJosEx/7znN1N4yZ56GJvAxA136LOFRb1jzndPzsnylcDqB7mRzFpGuf2iJo/UdsIv5/qpPhODsf/qzKt3NDY5CCn3VerC7M1R9T8iPoz4bvpjY4DVipt8IGcPfL+RuA7v2k2MiBqDkS9Mcfvpq2ElmX0uHfKkaS7mE0OUtft2rTLOYjq7qK/I3jBJzsO2J8LjfuGHEm6geI1S5UVd0bUMEXdRnjd1HUC+61CqYLtcyTqFIs52bpb/HGIGp6opwte5DsdB+z6QmVNL8iRpGc7Kjw3LorZAQBR3Vz4hwQvbk/HQSvR//QL8266ZQ4Y5kjSKqbFSfxAVPuB3tw86khc1L95uLv4aKtYbjxW3xIOouYrbfBAD2uInyOSEx6s6zEYUe0H+3WChb9c301/hEBOmYio/kR9T+giRh5EnSywYWBEzvnIsayDEdW9qFJlQT+wtSujntq9WWZ7X4wqO6rnfdP2EseifqZoh6huRR0jdPFGegjQLL1lVjooWeqq4953Hh6Br0NUt6K+InDRvjIbzl0H6b3Sj285ZFtP76pfm00ciOpA1G1tTzBYpG2UvmXF5IJIqjnK48TSKYjqRlSJXRc+0gWzbGl7xeTIFkXUKzyKegeiuhH1eaHtUT08TMrMT/le2qVg1f+e9SjqHES1L+rWwhdttRF/tGI3y8G5a5mUVqmPlimqOkjyF0S1L+ooB7+2P7M09kkpxnNNAWvp/iTFpJ/un3OyeQra1OQO67mK7uYHto+p5Kj/zbmKPyhuU8xQPKmYbhL1B9VcjkNUOxf5ZYfvMY0Ex72heYRNMoZnclZNMC7XJKimeFpkufkyosqf1C6OH5GGCY496c6RDy3sMdV1oH5pSpNONsL8WnGwYjuTiOFC1Lfq+e6LbZYHRVT7oo5xLOpNgmNfkOC4ukTJD4XP3XExl4WWmnf2O817+xHmB1JKmm51HFsnQPze9ew2ospnsryT0ztq0i7iQ4TPXccMa7dVrDJF2M5X7B2lb5p1QR3LT919PIojavgtCevijUiu98n0hJUJpM+djQ3bi816dtJzVFv95fGm2gVNogog6s0OJdX7RHcUGnfnKH7N4QeFJ7CqGG3xXOnq9a0TvCNX/9sVZhaWbm4FEXWDFDOmWZBsmzA+QcDbmt0cYfl8nRpzHCNrPLEEkcSBqHIn8xiHki4Wzuv9KsYxPzbrgqGXJC01AbRLwqU1nXCwUSjLRYgqdzKfdCjqu4Lj/l3M3Ry9LAfjYRYljZs11cH8+3OiwHrjIKrMidze8SSSlKgtYtREWmuWPypyKurFCZ8u9gwxAQNRZU7kVTkVNU6q41mOgtGWqIcVIVMKUWUKVH+aQ1FbxBj3eIfBiKiIalXUYyL3OyvedXA3nWZpGQZREdWLqLNyKGqreu6mMwUTKRAVUb2LupunvYpZRb2kjs9eYESuQFRELYqoU3Io6uZR6RYbi8wSRQWiImpRRG0vkETuQ9RSvWQ+idw2R0ZURHUi6kUey3SkFVWXWVlTy+fpfNadPQcjoiKquKjNzB0oT6LqTJunS5QQ+WEAwYioiCou6nCPkqYV9egSqYF9AwlGREVUUVEbe9gcnlVUveOlZg+Vb02hrQpERdQiinp0itq8vkWdUOPv9XtqFFgwIiqiionaIGFdoaVmksanqHvX2BSuJQ2xNwyiIqqYqEmCSdfv2cPsafQlqk4BfCkHkiIqooqJqu+m82IGh76DHWn+zqeoJ9X4u+MyJkromlA9zP83RFREDVHUJIFUfWuYL1G1SG9Xu5MOzRAop9ZSU+lLk+c80fwotUFURPUtapK76dU1/taXqHtWW4LJ0hemRcxaUFrkOabmbb8oeaFsREXUzKIOihkUd9eyNcyXqDsoblF0zRgkh2eosTvDFC3bClER1baoet301RgB8XhUew+WjaJwKzzE4QahMetJrQvqyCdGVETNJOpJMYLh73VsDcu7qC9YGL9+tz22xg+bC1E3N+vgvQXeqRE1IFF1Tu+HMRIaNqnjM/IsakPzCGsrw2pRtewoF6K2qbHFb6HiUkVPRM23qOfGEKZjPZ+RZ1E7OUqJ3Mvho+8VJf7d3Fru8oiaA1Hbme1fdbUcjLN/M8+i9nIkaheHoraqZ+fT+4oTIkftFBE1u6g31nEx9YXuFvMk51nUoxxIereHyaTTYvydfiwegKhhi9ojKt00KYmkeRd1pGVJ9Wx6aw+i6nfvxxL8kLRH1PBELbXBOo2keRf1eouSPmtmYX0tz+hjfxbzM5abx+EGiBqOqKW2sS1JIWneRX3Mkjy31TJp42MddVDCz3o0xuQhojoQdSOzNa227mlpC3/lWdT3LIx9elR7YW9fCQ+3Jvw8fRf+CaL6FXVSLRfmraiy0W9FmYnapEQhtCy8HZXur+pL1LYp619NSJHPjKgCou5VywTSywITCXkVtYvwmFfXk1jgM4UwypAWuQ2iuhO1cY0N1ppnIpmK8XkVdaDwmM8LPCn/iZSfv9zFMg6i1r6udk8k13slr6KeLzhe/WSyXuCi6l1G36c8xhrzQ9QAUe2Jun6NCaRxkWwXs7yKOk1orGtN3aY8bHO7ViB5owWi2hE1qjabd6SFk5xXURcJjfXGHG0cb28qV2Q53rwa68OIKiTqbxW3KzazFPB5FLWV0Dg/N7OqearwcLHAMfVyXndEDas/ahFF7SM0zlNzWIplY4G76jpTvqY/oiKqzTGfLTDGOQkrFYZU4eEqoWOvSfhjhaiImojpAhNISRtPhSRqxwwzwLUxClERVZoGUfZOdTcXoFzoNOFxjEJURJWkq8AEUrsCiHqghbGchaiIKsWwjGM7MeVxQxO1gaVNCYMRFVEluCPDuJ7KkJ0TYrnQ31sYj253uR+iImrW99OlGZLut89w7BBF7WppTMsUWyAqoqalR4Yx/VfGY4dagPtVS+N6JkmqKqIianUuTDmehSZnuoiiXmaxHM2FiIqoLqvi7yNw7FBF3duiqN9GMXsDISqiVk9IX5uy0kGR+6M2MntObck6E1ERNQnHpxjHO4LbukJuEjXNoqiawxEVUW2mDe4vePyQRR1uWdSF9eVFIyqiVm1rW+3pkTcPou5oWVTNjxEVUevjhITHf9NCJYOQRW1o+T1V8yCiImp9/C3hzph9LZyn0BsZP2RZ1O/qypFGVETtkLB+7+WWzlPool7o4PF3CKIiail+leC4urN6kzIVdaADUaciKqKWYk7MY36VMZc376Ju4UDUNxEVUWujZ4JjDrV8nkIXVfOpZVHXlHpiQdTyFvWGmMe718F5yoOoTzm4q26FqIhanZbmcTbOsVojqvV+sVV0R1RErc5pMfeY7u7gHOVF1BGIiqiuRV0Q4zjDHEmaF1EPdCBqV0RF1Cr2i3GMKQ4lzYuorVLuMErCpoiKqFU8ENXffW0DRHVa8WGdKYPD8gyi/h871fPZulnW1o4lzZOoky2Kej+iImqcQNMVB3p7kDRPog6zKOppiIqoVa0avrVQk7ecRO1uaZxrzfVBVESdeIWHZPuiiapLqn7MNjdEtSWq7lNaqp3g3ZFsl/Uii1phkuelx3kgoiKq5g8lPutRiztiiirqT4XH+Cg1kxC1as/p17V8zmwPyzBFEFVXt1gpND59XbogKqJqJpVYK20TiKR5E1Vzk9D4YjU6RtTii7plLTO9WtJNApI0j6LuIjC2cXGPh6jFF3VyDiTNo6iaP2eUtAGiIqrmB9G/t7if7WjLWhqiHIraMcVSzTdxH3cRtXxEvbba3zyuaB6opBWmsFfeRNXsrJgXcyxPRTF7zSBq+YiqZ3P/af79tECWYOpiZE5F1TRWHKt4sZbdNasU9yn6ZzkGohZX1L4mweHcKH0XcJdcn2NRayaW7Kk4wKQbivxAImpxRdVyNsuBoFXML4ioVkBUyoWGwFYWd6QgKqIiqhDjEBVRETVsdq9n6x2iIiqieqanKT9iswZRP0RFVERNXw5mrOU7aRV9EBVREbV2dGJFZ7NMoR89f624UfFkZL8tRE32RlRELRdRWxrpdMPj3yguUYw3ecTTTdaTbja1yCzwrwuIroiKqEUXdQdTWvTLwORLQntERdRye/TVWTb7KEYr5uZE1MaIiqjl/o66m+J/auzQCYn3i7KMhaiIKrWDZHaAoj6KqIiKqP/OeoqrAxN1LKIiKqLWzqiARD0CUREVUUsTwp11baAlZxAVUYN6DH7Bs6iPF2njAqIiqi26eZ4NPh5RERVR4zHF47JME0RFVESNx46eRD26YPt1ETWnor6SoyCb6VjS24smKaLmV9QnchRkZzieQGqOqIgaiqhX5ijINqulhKYNHi6qpIiaX1F75SzQnrco6Ddmv2ujokqKqG5EXc8Ek1RgTs1hoJ1oQVDdrvA6RaciC4qo7kStMO9OWYJySVTZFXxoTrdtNRaq27tG8YxiWBRWy0hELYioumL6ipiB+GpU2SXsfMXAqLIRURGCTbd/fC+hmKujyjYR+s6pu3y3Lic5EdW9qBWmhpAuXzJL8U5U2f7wCVPT9nhTka9ZwQNuYzMRtriGjPp8PGsSJC5UHKXY1bw2VACiEgT+0HWY2nEeEBVRAVERFQBRERUAUREVEBVRARAVUQFRERUAUREVAFERFRAVUQEQFVEBEBVRAVERFQBRERUQFVEBEBVRARAVUQFRERUAUREVAFERFRAVUQEQFVEBEBVRAVERFQBRERUQFVEBEBVRARAVUQFRERUAUREVAFERFRAVUQEQFVEBURGVIABERVQAREVUQFREBUBURAVAVEQFREVUAERFVABERVRAVEQFQFREBURFVABERVQAREVUQFREBUBURAVAVEQFREVUAERFVABEJQgAURG1BpsqXlbMVzyluF8xRXG54izFUYp9FZsRnICo/kS9ULEuJisVcxVTFSMUvRQbELSIiqj2mZtA1Nr4XjFLcZG58zYiiBEVUWXRd8M1GUWtyceKa8zdtgEBjaiImp29hCWtiX73PUnRlMBGVERNzzDLolbxkeJURWMCHFERNTnXOxK1iqcJ8Ezop5PnzbzCHYohipaIWnxRn3As6pXIlprRJc7pl4qrFR0Qtbiivu9Q0mWKVgiXimNjnN+vFGNc3mER1c2JbqJY60hSfZyBCJeKnRSrEs66D0bU4oi6ncO76bkIl4r1TcZYmnP+kOIHiJp/UQc4kvQh1lOdZI2Ven89zdb5R1Q3QTDUgaSfmVxipEtOx4SPvHXxF0U7RM2nqOc5EPUXCJcKfQd80MJk3gBEzZ+o11iW9HkeeVOhk0ImWV4iWw9R8yPqHZZF7esx2Pcy73fjcsZExesOnnSekdi2iKj5T3Z4wfNd6XbHiRx5ZFnWH1NEdRPMCwv8btrQJAk8pvgOKUuyxiydNUDUcEX9xNLF10sCzQJ659OJHTsq9lH0yRkHKd5wIOxdaQoAIKqbCQtbF/1uJoREudHR3VUnVmyJqGGJ2sHiBT8VuUS5x+Gj8CfmTo6ogYi6u8WLvQtyifKu4/dW/U5/MqKGIeogixd5PeQSo7PHiaahiOpf1DMsvucgmBwjPM8IH4SofkW93NLFvQW5RJntefnmU0V7RPUnqq2spDORS4xtAllrvRlR/Yn6rKWL2g/BxPivQERdrWiBqH5Efc/SRW2DYGLr3IsCymDaAVHdi9rQUlrdYgQTIwpI0g9MpQlEdSxqR0sX9EEEE9uL+nIgkj5X6m6KqPZF7W3pov43kokw0KGIS8ySmkbXCn5AMUHxK0U31lH9inqCpYv+cyQT4XmL66K6mdelisMVm7MfNWxRL7EUCF2QLDP9ha/Jt6Zekt7ytzE1k/Il6p2kDhb+bvqGyWpqS7nQ/Io614KoC5EsiLupFv0QM7NPAe6ci/qFBVGnIZrXu+lCIyi9ZwoiahtL76cXI1omDkl53v9pHnG9tLNE1Pw1Lk7T60QX5h5iyldeaTac7+bqsS0g9PddkOKcP2LWxOmPWkBRbS3N9Eg4jj3NzoxSOzb+aCrklYO0x6SYyT0zCqBmMqLaO7ljLYnaPMEYtogqO47F+dy3FWcrWhdU0iYJc3p1gsIPQxk/oto7uQ9bkPTdhGN4JGVlw6skFukD4/QE5+DvoX1/RM1X4+KHHCab68e+SQURdsOosgh2nO/9eOSwQTGi+hW1paXH3rExj99M8Ifi66iyBUS7HIsaN0Ps/lK7VxC1mKLuaUnUk2Mef6KFY+tH4jHm7uQ7cHXT4IMVh0aVXcLXq+c9/euYd9Jmof7YIGq+Znz3ree4jRQXWd4F8lHKJSIpri6RVjlTMbKWrWJTYnynOaUqKyBqeKLqHSl/UkwX4DVLksyo45j3Oa5UoPfEdnAcsHHXpnWhslPMslN9//a9KAcNoBH1XwkBNDJK16Wsl8OAHW7hOxyah/dsRP1X3Zz3ES/17LCr/qy2Xin+ptgPUfPx6NveTJbo9oEvmTXLNCy1WPc1zXi+cSCrzoPt5CBgD7P8PcaHmqGFqPIndYCniaRSLHB0Z72mAKKuM1UZELUMRD3R0tJI2s3iyxyJ+mRBRNVlVDojavFFPc9C8DyQoWbtWkeiTiiIqOtMwTFELbioN1kInLTtKzo4CmydwL5ZgUQ9EVGLL+rTFgKnW8qx9HAQ1O9lGF+Ion4fYn4zosqf1E+FA2dphv2QAywH9WzHyQIuRB3HZFLxRW1tIXCmBjaxVT0zqbnjgLUt6mNm3yqiFlzUfSwEz/EZxnOupYCe6WmXiU1RdU5wUxIeykNUG5kzW2QYzwQL4/k48tdJ7jBL3ycihbC8RJUuv/J6xvE8ENgdPkRRbyfXt/xEnRHY2uQrwuNZ7nljtQ1Rp1uqKLG5ZFE0RJW9QEuEg2hQxvH800LyekXBRH1ceIy/qfbZKxR3KA5E1HBElS64rVPZNirQDHSoos4SHN+hUd0tMHojqn9R+wgH0JyM4+luIahHF1DU+YJ1sj6KcbxbFZsgqj9RzxAOoCsCDOpBBRR1kYeJxKVJN6wjqlwQXS8cQP0zjueXFoJ6mwKKukRgXF1N6mGaLKgmiOpW1FnC+aZZi22Nt5AD27iAon4hMK7pGY7/XJwNDYgqE0ANhGdYJSY4Honkk+8rCijqmgBKw+p32z0Q1b6onYWDR6K14rsW0gaLKOq6KFsH98eFxqBrD/8MUe2KOkg4cA7IOJ5mFjaMTy2wqGmXwQZauLsPRlR7okoWvf5GYFfKzhaC+eICi5omn7qNpUJ2a2q7syKqTABNF7xQErWHjrAQQCcVWNQ0s9l3WdzJo3+seyGqvKiS74MSSQUXWAievQosaveE4xjiYAP7J9VLsCJq9uBpJXyBeguMaaqFx7ENCyzqPgnG0MVUhXRRu+m5qokuRM0ePL0FL8wqoQoDL1vYbtc9AM60JETcybuNI3t9hUrxW0SVEVUyA+hRgfGsnzJLppy5w7xy1MdcD2PTP95tETWs8qAXCIynJ+IVjtMRNbsYkr+yfQItBwN+GYOo2aRoHMk1YfpGqLiWdI7vP80sZwiMLzNB15oJpS0RNfuuCamL8pTQzOhM4WCZFlDtIFuzvoNNdlJobMDyjIyoRweW+dPQlP8oWqKDbVEPo7hZsUW9LKD8Xuk7fBUdERVR8y7qQ0KB8l0kU3V+qHAAvxRYwCIqonqtOvi80AWdLBzAlyEqouZd1LaCgSLV5fp14QDui6iImndR+wkGygCBi9lWOHhXRuE1TEJURE2MVN7pGpPYn/ViHiIcvNMDDFhERVRv74NzhC7mVcLBewqiImoRRJ0nFCRSjXMXCAdvJ0RF1LyLqlMHVwsFyZECF3JT4cBdEGjAIiqiekssaC9wIQcLB+5FiIqoRRBVKnXwrUDXT3dFVEQtgqhSqYO3CF3IDwWD9t2AAxZREdVL6uDJAhdxF+GgHYeoiFoUUaVSB7sIXMQxwkHbB1ERtQiiSmUAfRrJtI6XLGSmx9QIURG1CKJKpQ7eJ3ABtxMO2D8FHrCIiqjOUwd/LXABRwkH7KGIiqhFEVVqKUSi8vxswWBdYUqNIiqiFkJUidTB76rXw0nJ9mX22IuoiOoldXCl2aEyTLFViot3qXCw9kdURC2KqF0tBUpV24irzd7U+sqy6JnZjwSPvcz8CCEqohbmjqp7Vz5juZ6rrvE7QzEyqqx837DGOA4WPt7YHEiKqIiais6KCxVvWpZW87nibsVpZknmbuHP3xlREbUc+qPqGdzrjFB5q8Y+NyeSIiqiiqGXNwYp7lV8mxNRT0ZURC03UavTRjFcMT9gSVcILBMhKqLmWtTq7BFVtmf8KjBR/5AjSREVUZ3RyqQgvh2ApN8HWhcJURHVu6jVmzkNdLDMUxfP5WTtFFERdV0IF2Fvs5PGh6zzzGM5oiIqosZE1yl62IOsa01GVHNERVREjc9+UWVRbtfCvqbYDVERFVGTvcOeqPjCsax6V89ZQpUnEBVRCy9qFR08yKr5s6IFoiIqosbjCI+zwvPNDwWiIiqi1kGTANZb3xWqlIioiFpYUUdFYWQvfaLYFlERFVH/k80DSzdcrNgGUREVUf+duwJM4NcVKDZGVERF1EoGBrzbZkbkt0A3oiJqELRUfBD4/tXzEBVRy13Um3Kw0VwnRfRAVEQtV1EPjvJREUIzy1P2EqIiqlfaKZbmrNbSUYiKqOUkqr4z/VUg2HR7iwMcLuv8w8NdFVER1RtnCwTaU6Z6hP68MxzeVX+MqIhaDqLuYyZnsgTZIzX2kjaKZPrjxOGviIqoRRd1U8WHGQPsTpMTXPOz+zicAW6HqIhaVFGbCNRLGh/9Z6uL6jzpSNahiIqoRRX1hoyBdX6MY+zvSNQ7EBVRiyhqlskjXX3/mATHcvGu+h6iImrRRNUBsSZlMC1X9E54vOMd3VXXR1RELYqoupHUqpSB9EbKDdxNFZ85EHVrREXUIoi6QwZhZmTcXjbJgahbOTqP+yEqotqik9l4nbbBcNZtZT92IOoWjgK2J6Iiqg06Kt5KETgro8rO5lKtIG0+/q5yuEf1p4iKqNJsong5ZQ7tDsJjGW9R1OccBuw9iIqoIUiq11dt9CvVxcnWWgryswpQOhVRy1DUDikkXW4C0ebFvt1CgH9pUiFtdw04PbLbwR1Ry0zUTineSR80VQdtX+wtjFjSjZBtbXXTu4GOUyxwMBmGqGUk6nYJZ3d1q4ohji/4qRaCXN/p3lE8rbhNcaliuOJws5zS1fwQbVRLYkRTk9Svz11fk6Ax1uRBfxe5266HqGUiqu4x+kmCwLjVwSNjKa7NGNRfGxkvUbxo8d3XJQcgavFFHZAg40i/u/YLoKLE2JTLMBMUm9X4vNaKIxVTFCtyKuqeiFpsUU9RfB8jED4y28EaBXTxB5iloDg/LiMVbWOmLEaKx3ImaidELaaoeibyihgBoAuWjVA0CzQA9N21l+Iis11tulmr1JNEuj9r5wyfvbNiag4ejb+Mwu0Hi6gZRNWTIg9E9bd/GG5pTTRv7KR4OPDSpxWIWixRdzQ7WWq74KujygbA/eupvFCu6PfYTwMUdTSiFkvUw0wObs2c3GlmvW9jZKwXPRE1MzBRd0PU4oh6juJNE2Q3mJKc+gI3Rr5U9aJuC0TS+Xk5b4iKOD7Qs983ByDqCYiKqFA3jc2meF+SLszTExGiIoxP9NrsEk+iHpSnc4WoyOKbwz1Iem3ezhOiIkoIPOVQ0udMBhWiIiokxFVv2NdipkIiKqJCiZTMxZYlXVDLhgJERVRIyDUWJX04+ldbSkRFVMjAoRYEXaY4ugjnB1ERJBRaClZ10DnF55sNFBWIiqggy50CO2F0uZkWRTs3iIocIaELlusO6nEaPOsN+2+bfbR6U/5WRT43iIocoaI32+9gNrYfaHYv6f/urdg+qr3TOqIWVVQAQFQARAUARAUARAVAVABAVABEBQBEBQBEBUBUAEBUAEBUAEQFAEQFQFQAQFQAQFQARAUARAUARAVAVABAVABAVABEBQBEBUBUAEBUAEBUAEQFAEQFAEQFQFQAQFQARAUARAUARAVAVICSRGdPTENrRT/FYYoBiq0VDdN8FqICyIq6i+JSxcuKdbXwueJuxVGKJoiKqOBW1IMUT5eQsxRLFMMVjREVUcGuqJsp7k8oaE3mKLZBVEQFO6Luq/g4o6RVLFf0QlSCDWRFPUCxSkjSKlYqeiIqgIyo3RRfCkta/b21HaICZBO1qeJVS5JWMR1RAbKJepFlSas4GFEB0ona1uIjb03mKRogKkByUS9wJGkVByEqQHJR33Ys6r2ICpBM1O6OJdWsVrRCVID4op7jQVTN0YgKEF/UuzyJ+kdEBYgv6jxPor6FqADxRZ3vSVRNK0QFCF/U3ogKEE/UWR5FPRlRAeKJOsWjqJchKkA8Uc/yKOo4RAWIJ+oeiIqoEL6ounrgMkRFVAg/13esJ1GvQFSA+KLqAmTfexD1F4gKkGzj+A0eRN0BUQGSiao3jy91KOkK/X6MqADJRNX0VXzrSNQHyPUFSCeqZrBijQNRz0FUgPSiVpgCZMsti7orogJkE1WzpWKGJUkXVxU4Q1SAbKJW0V8xU1jU66iZBCArahU7KsaYxk9Z32H3R1QAO6JWp6Wij+LiFNIurt70GFEB7IlanZEJRf09lfIB3IvaQvF1TEnXmkkqRAVwLGpFguZSf6FJFIA/Uf8RU9ReiArgT9TPYkj6JI2MAfyJ2inm3XQfRAXwJ+qQGJJOK/X3iArgRtR765F0laIzohJs4E/U1qYzW12ijqrrMxAVwL6op9cj6WxFY0RFVPAnakPT6KmUpCsVW9f3OYgKYFfU+iaRjozzOYgKYE/UDU1yfSlJfxf3sxAVwJ6oV9ch6Z+qNoUjKqKCP1H71SGpXqpplOTzEBVAXtQt6mh/cWtSSREVQF7UpooXS0g6No2kiAogK2qDEn1UdQ3goVnWYhEVQE7UcbVI+qaiZ9YUREQFkBF1dC1VGiaaJZoKREVU8C+qLrPySjVJ59W2+RtRERX831H1nfNyk4nUUFJSRAUARAUARAVAVABAVABAVABEBQBEBUBUAEBUAEBUAEQFAEQFAEQFQFQAQFQAQFQARAUARAVAVABAVABAVABEBQBEBQBEBUBUAEBUAEQFAEQFAEQFQFQA8M7/AsZdbtY9Uh0XAAAAAElFTkSuQmCC" height="246.64359861591697" width="246.64359861591697" />
</svg>

看过彩蛋了么?回归正题,下面的java方法是将图片uri,转化成指定类型的图片,并进行base64编码,然后返回编码后的图片数据

    public String dataUri(String imageType, String uri) {
        BASE64Encoder encoder = new BASE64Encoder();
        try(ByteArrayOutputStream baos = new ByteArrayOutputStream()) {
            URL imageDate = new URL(uri);
            BufferedImage bi = ImageIO.read(imageDate.openStream());
            ImageIO.write(bi, imageType, baos);
            return encoder.encodeBuffer(baos.toByteArray());
        } catch (IOException e) {
            e.printStackTrace();
        }
        return "";
    }

 

  • 1
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值