<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>svg颜色</title>
</head>
<body>
<!--svg格式图片，利用阴影进行偏移-->
<div style="width: 25px;height: 25px;overflow: hidden;">
<img style="transform: translateX(-25px);filter: drop-shadow(#f00 25px 0);" src="icon.svg" />
</div>
<!--内嵌html，相对简单-->
<svg style="fill: blue; stroke: red;" width="100" height="100" viewBox="0 0 25 25">
<path
d="M8.24240928,18.0589922 C8.24240928,18.7097636 7.7417435,19.2399179 7.12123751,19.2399179 C6.50339463,19.2399179 6.00006574,18.7125687 6.00006574,18.0589922 C6.00006574,17.4082209 7.12123751,16.0000862 7.12123751,16.0000862 C7.12123751,16.0000862 8.24240928,17.4082209 8.24240928,18.0589922 Z M11.683155,18.0589922 C11.683155,18.7097636 11.1824892,19.2399179 10.5619832,19.2399179 C9.94147719,19.2399179 9.44081141,18.7125687 9.44081141,18.0589922 C9.44081141,17.4082209 10.5619832,16.0000862 10.5619832,16.0000862 C10.5619832,16.0000862 11.683155,17.4082209 11.683155,18.0589922 Z M11.683155,22.0589922 C11.683155,22.7097636 11.1824892,23.2399179 10.5619832,23.2399179 C9.94147719,23.2399179 9.44081141,22.7125687 9.44081141,22.0589922 C9.44081141,21.4082209 10.5619832,20.0000862 10.5619832,20.0000862 C10.5619832,20.0000862 11.683155,21.4082209 11.683155,22.0589922 Z M8.25006574,22.0000862 C8.25006574,22.6508576 7.74939996,23.1810119 7.12889397,23.1810119 C6.50838797,23.1810119 6.00772219,22.6536626 6.00772219,22.0000862 C6.00772219,21.3493148 7.12889397,19.9411802 7.12889397,19.9411802 C7.12889397,19.9411802 8.25006574,21.3493148 8.25006574,22.0000862 Z M15.1212375,18.0589922 C15.1212375,18.7097636 14.6205717,19.2399179 14.0000657,19.2399179 C13.3822229,19.2399179 12.878894,18.7125687 12.878894,18.0589922 C12.878894,17.4082209 14.0000657,16.0000862 14.0000657,16.0000862 C14.0000657,16.0000862 15.1212375,17.4082209 15.1212375,18.0589922 Z M15.1212375,22.0589922 C15.1212375,22.7097636 14.6205717,23.2399179 14.0000657,23.2399179 C13.3822229,23.2399179 12.878894,22.7125687 12.878894,22.0589922 C12.878894,21.4082209 14.0000657,20.0000862 14.0000657,20.0000862 C14.0000657,20.0000862 15.1212375,21.4082209 15.1212375,22.0589922 Z M18.5619832,18.0589922 C18.5619832,18.7097636 18.0613174,19.2399179 17.4408114,19.2399179 C16.8229685,19.2399179 16.3196396,18.7125687 16.3196396,18.0589922 C16.3196396,17.4082209 17.4408114,16.0000862 17.4408114,16.0000862 C17.4408114,16.0000862 18.5619832,17.4082209 18.5619832,18.0589922 Z M18.5619832,22.0589922 C18.5619832,22.7097636 18.0613174,23.2399179 17.4408114,23.2399179 C16.8229685,23.2399179 16.3196396,22.7125687 16.3196396,22.0589922 C16.3196396,21.4082209 17.4408114,20.0000862 17.4408114,20.0000862 C17.4408114,20.0000862 18.5619832,21.4082209 18.5619832,22.0589922 Z M17.8430903,5.58972412 C17.3031938,3.53893138 15.3562095,2.01343872 13.0259825,2.00008621 C10.698553,1.98690841 8.74317644,3.48587076 8.17250861,5.52339835 C8.12495296,5.52074532 8.07459992,5.51543926 8.02704427,5.51543926 C5.26601905,5.50217411 3.01411906,7.61398655 3.00006574,10.2325279 C2.98614514,12.835151 5.18489471,14.9575756 7.92354079,14.997371 L7.92354079,15.0000862 L16.7912712,15.0000862 L16.7912712,14.9894119 C16.8528138,14.992065 16.911559,15.0000862 16.9731016,15.0000862 C19.7341269,15.0132892 21.9860269,12.9014768 22.0000657,10.2829355 C22.0112034,7.93235024 20.2124808,5.97441357 17.8430903,5.58972412 Z">
</path>
</svg>
</body>
</html>
1274
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
