请问html中img标签的src属性怎么放svg图片代码?
比如我有一个svg的图片
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="53px" height="56px"> <path fill-rule="evenodd" fill="rgb(255, 255, 255)" d="M52.979,15.484 C53.058,14.200 52.287,13.017 51.083,12.574 C43.846,8.614 35.537,4.612 28.356,0.583 C27.206,-0.176 25.722,-0.198 24.550,0.527 C17.258,4.641 9.352,8.740 2.004,12.784 C0.672,13.501 -0.115,14.937 -0.004,16.450 C0.052,16.576 0.010,38.934 0.010,39.032 C0.052,41.075 1.307,41.732 2.576,42.488 C9.645,46.784 17.453,51.023 24.327,55.206 C25.518,56.231 27.265,56.267 28.495,55.290 C35.397,50.925 43.470,46.826 50.386,42.614 C51.848,41.902 52.833,40.474 52.979,38.850 C52.993,38.766 52.979,15.736 52.979,15.484 L52.979,15.484 ZM25.010,2.877 C25.834,2.327 26.903,2.310 27.743,2.836 C31.410,4.879 49.396,14.309 49.466,14.420 C47.793,15.484 44.349,17.219 41.936,18.716 C41.460,19.089 40.794,19.100 40.305,18.744 C37.558,17.107 31.702,13.749 28.147,11.678 C27.084,10.926 25.658,10.948 24.619,11.734 C21.315,13.665 15.808,16.561 12.545,18.548 C11.793,18.990 10.844,18.900 10.188,18.324 C8.167,17.037 5.964,15.973 3.552,14.560 C10.872,10.503 18.443,6.571 25.010,2.877 L25.010,2.877 ZM40.291,31.645 L27.771,24.536 L27.771,13.917 C35.537,18.520 38.367,20.227 39.106,20.689 C39.845,21.150 40.263,21.221 40.305,21.682 C40.347,22.144 40.319,26.048 40.291,31.645 L40.291,31.645 ZM12.642,32.050 C12.670,25.544 12.656,22.172 12.656,21.654 C12.807,21.089 13.216,20.627 13.758,20.409 C14.232,20.129 22.514,15.512 25.233,13.917 L25.233,24.817 L12.642,32.050 ZM25.358,52.856 C25.358,52.856 3.831,40.179 3.872,40.123 C2.799,39.549 2.492,37.814 2.548,36.457 L2.548,16.408 C2.548,16.408 7.902,19.625 10.049,21.066 C10.347,21.688 10.458,22.383 10.370,23.068 C10.282,23.751 10.342,31.197 10.370,32.232 C10.253,33.330 10.712,34.411 11.583,35.087 C14.790,37.171 21.650,41.187 24.675,43.216 C25.151,43.748 25.397,44.446 25.358,45.160 L25.358,52.856 ZM25.177,40.696 C24.438,40.235 16.212,35.156 14.232,33.939 L26.502,26.691 L39.245,33.827 C39.245,33.827 33.654,37.283 27.743,40.683 C27.001,41.304 25.925,41.310 25.177,40.696 L25.177,40.696 ZM49.284,40.683 C48.643,41.131 27.534,52.856 27.534,52.856 L27.589,45.048 C27.493,44.413 27.637,43.764 27.994,43.229 C31.452,40.977 38.283,37.269 41.323,35.408 C42.620,34.624 42.634,34.191 42.606,32.246 C42.620,30.553 42.634,23.053 42.634,23.053 C42.530,22.343 42.637,21.618 42.940,20.969 C45.365,19.541 47.891,18.292 50.497,17.233 C50.511,17.233 50.511,37.927 50.497,38.011 C50.610,39.057 50.145,40.081 49.284,40.683 L49.284,40.683 Z"/> </svg>我想把它放在img 标签的src属性里
<img src="" />
请问怎么放进去?
网友回复
直接放进去,把src的双引号改成单引号就好了,代码如下:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> </head> <body> <img src='data:image/svg+xml;UTF8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="53px" height="56px"> <path fill-rule="evenodd" fill="rgb(255, 255, 255)" d="M52.979,15.484 C53.058,14.200 52.287,13.017 51.083,12.574 C43.846,8.614 35.537,4.612 28.356,0.583 C27.206,-0.176 25.722,-0.198 24.550,0.527 C17.258,4.641 9.352,8.740 2.004,12.784 C0.672,13.501 -0.115,14.937 -0.004,16.450 C0.052,16.576 0.010,38.934 0.010,39.032 C0.052,41.075 1.307,41.732 2.576,42.488 C9.645,46.784 17.453,51.023 24.327,55.206 C25.518,56.231 27.265,56.267 28.495,55.290 C35.397,50.925 43.470,46.826 50.386,42.614 C51.848,41.902 52.833,40.474 52.979,38.850 C52.993,38.766 52.979,15.736 52.979,15.484 L52.979,15.484 ZM25.010,2.877 C25.834,2.327 26.903,2.310 27.743,2.836 C31.410,4.879 49.396,14.309 49.466,14.420 C47.793,15....
点击查看剩余70%