CSS请教，给透明图加色？

Posted 2023-05-06

比如我有一张透明图，是个房子图标，然后房子部分是透明的，周围白色，我想给这个透明图加任意底色，使房子图标变成有色图标，CSS怎么写，可以实现？谢谢

我自己用比较粗糙傻瓜式方案。背景为白，图标扣掉的PNG图，然后CSS图加背景色，搞定。 就是方法粗糙，应该还有更好的方法

你可以给透明图套一个“壳”（比如 <div><img src="..."/></div>），然后给“壳”加个底色即可。 参考技术A 你可以用svg图标实现，而不是图片，这样无论大小，颜色都可以修改，且可以通过css 来控制 参考技术B 放在一个和这个图标一样大小的div里，div的定位是relative, 图标相对于这个div绝对定位top:0;left:0;改变这个DIV的背景色即可 参考技术C 图标，然后房子部分是透明的，周围白色 参考技术D background: rgba(你想要的颜色) url(你的图片)；

python 画折线图加一个legend

我把折线图给画出来了，plot15=pl.plot(x,tiyu)，怎么在这个图上加一个legend图里有很多个线，就举一个例子就行。

import matplotlib.pyplot as plt

plt.plot([1,2,4,1], label='line1')
plt.plot([3,1,2,3], label='line2')
plt.legend()

可以通过plot函数的label参数来设置，

然后需要调用一下legend()函数。

参考技术A from math import factorial
import numpy as <a class="baidu-highlight " target="_blank" href="https://www.baidu.com/s?wd=np&tn=44039180_cpr&fenlei=mv6quAkxTZn0IZRqIHckPjm4nH00T1YvP1R3rAR3ujwBPAn4P1m30ZwV5Hcvrjm3rH6sPfKWUMw85HfYnjn4nH6sgvPsT6K1TL0qnfK1TL0z5HD0IgF_5y9YIZ0lQzqlpA-bmyt8mh7GuZR8mvqVQL7dugPYpyq8Q1TYPHc1rjn1rjfdP1RsPWfdn6">np</a>
import matplotlib.pyplot as plt
 
#阶乘
def fact(n):
    return factorial(n)
#Catalan公式
def cat_direct(n):
    return fact(2*n) // fact(n + 1) // fact(n)
<a class="baidu-highlight " target="_blank" href="https://www.baidu.com/s?wd=max&tn=44039180_cpr&fenlei=mv6quAkxTZn0IZRqIHckPjm4nH00T1YvP1R3rAR3ujwBPAn4P1m30ZwV5Hcvrjm3rH6sPfKWUMw85HfYnjn4nH6sgvPsT6K1TL0qnfK1TL0z5HD0IgF_5y9YIZ0lQzqlpA-bmyt8mh7GuZR8mvqVQL7dugPYpyq8Q1TYPHc1rjn1rjfdP1RsPWfdn6">max</a> = 20
nList = range(25)
valList = []
print "Enter the limit for Catalan numbers to be printed: 10000000000"
for i in nList:
    if i <= max:
        val = cat_direct(i)
        valList.append(val)
        print "C %s is:"%i, val
    else:
        print "C %s is:"%i, 10000000000
        valList.append(10000000000)
     
#---生成曲线
plt.plot(nList,valList, 'ro')
plt.axis([0, 25, 0, 10000000000])
plt.xlabel("n")
plt.ylabel("Catalan")
plt.title("Cn+1 = 2*(2n+1)*Cn/(n+2)")
plt.show()