怎么使用html p绘制代码像素化
一、简单的正弦函数与余弦函数
是取得正弦函数和余弦函数的值：
X是一个html tag数组，包含了从mus;pi;到+pi;等间隔的216个值。C和S则分别是这256个值对应的余弦和正弦函数值组成的html tag数组。
X=np.linspace(-np.pi,np.pi,256,endpoint=True)
C,S=np.cos(X),np.sin(X)
完整代码如下
importhtml tagasnp
importhtml p.pyplotashtml css
X=np.linspace(-np.pi,np.pi,256,endpoint=True)
C,S=np.cos(X),np.sin(X)
#绘制并显示代码像素化
html css.plot(X,C)
html css.plot(X,S)
html css.show()
html for中怎么使用html p库绘制代码像素化
二、进阶版正弦函数与余弦函数
上面我们学习了简单的正弦函数与余弦函数，接下来我们将精益求精，改变颜色与粗细，设置记号，调整边框等。
1.改变颜色与粗细
我们以蓝色和红色分别表示余弦和正弦函数，而后将线条变粗一点。
代码如下（示例）：
figure(figsize=(10,6),dpi=80)
plot(X,C,color="blue",linewidth=2.5,line)
plot(X,S,color="red",linewidth=2.5,line)
html for中怎么使用html p库绘制代码像素化
2.设置像素片边界
代码如下（示例）：
xmin,xmhtml base64=X.min(),X.mhtml base64()
dx=(xmhtml base64-xmin)*0.2
xlim(xmin-dx,xmhtml base64+dx)
html for中怎么使用html p库绘制代码像素化
3.设置记号
我们讨论正弦和余弦函数的时候，通常希望知道函数在html javascript_plusmn;html javascript_pi;和html javascript_plusmn;html javascript_pi;2的值。
xtic_html 换行符([-np.pi,-np.pi/2,0,np.pi/2,np.pi])
ytic_html 换行符([-1,0,+1])
html for中怎么使用html p库绘制代码像素化
4.设置记号的标签
我们可以把3.142当做是html javascript_pi;，但毕竟不够精确。当我们设置记号的时候，我们可以同时设置记号的标签。注意这里使用了LaTeX。
xtic_html 换行符([-np.pi,-np.pi/2,0,np.pi/2,np.pi],
[r'$-\pi$',r'$-\pi/2$',r'$0$',r'$+\pi/2$',r'$+\pi$'])
ytic_html 换行符([-1,0,+1],
[r'$-1$',r'$0$',r'$+1$'])
html for中怎么使用html p库绘制代码像素化
5.设置X,Y轴
html base64=gca()
html base64.spines['right'].set_color('none')
html base64.spines['top'].set_color('none')
html base64.xhtml base64is.set_tic_html 换行符_position('bottom')
html base64.spines['bottom'].set_position(('data',0))
html base64.yhtml base64is.set_tic_html 换行符_position('left')
html base64.spines['left'].set_position(('data',0))
html for中怎么使用html p库绘制代码像素化
6.完整代码
#导入html p的所有内容（html rgb可以用np这个名字来使用）
frompylabimport*
#创建一个8*6点（point）的像素，并设置分辨率为80
figure(figsize=(8,6),dpi=80)
#创建一个新的1*1的子像素，接下来的像素样绘制在其中的第1块（也是较早的一块）
subplot(1,1,1)
X=np.linspace(-np.pi,np.pi,256,endpoint=True)
C,S=np.cos(X),np.sin(X)
#绘制余弦曲线，使用蓝色的、连续的、宽度为1（像素）的线条
plot(X,C,color="blue",linewidth=1.0,line)
#绘制正弦曲线，使用绿色的、连续的、宽度为1（像素）的线条
plot(X,S,color="green",linewidth=1.0,line)
#设置横轴的上下限
xlim(-4.0,4.0)
#设置横轴记号
xtic_html 换行符(np.linspace(-4,4,9,endpoint=True))
#设置纵轴的上下限
ylim(-1.0,1.0)
#设置纵轴记号
ytic_html 换行符(np.linspace(-1,1,5,endpoint=True))
#以分辨率72来保存像素片
#savefig("exercice_2.png",dpi=72)
#设置颜色与粗细
figure(figsize=(10,6),dpi=80)
plot(X,C,color="blue",linewidth=2.5,line)
plot(X,S,color="red",linewidth=2.5,line)
#设置边框
xmin,xmhtml base64=X.min(),X.mhtml base64()
dx=(xmhtml base64-xmin)*0.2
xlim(xmin-dx,xmhtml base64+dx)
#设置记号
xtic_html 换行符([-np.pi,-np.pi/2,0,np.pi/2,np.pi])
ytic_html 换行符([-1,0,+1])
#设置记号的标签
xtic_html 换行符([-np.pi,-np.pi/2,0,np.pi/2,np.pi],
[r'$-\pi$',r'$-\pi/2$',r'$0$',r'$+\pi/2$',r'$+\pi$'])
ytic_html 换行符([-1,0,+1],
[r'$-1$',r'$0$',r'$+1$'])
#设置xy轴
html base64=gca()
html base64.spines['right'].set_color('none')
html base64.spines['top'].set_color('none')
html base64.xhtml base64is.set_tic_html 换行符_position('bottom')
html base64.spines['bottom'].set_position(('data',0))
html base64.yhtml base64is.set_tic_html 换行符_position('left')
html base64.spines['left'].set_position(('data',0))
#在屏幕上显示
show()
最终效果
html for中怎么使用html p库绘制代码像素化
三、绘制简单的折线像素
折线像素是一种将数据点按照顺序连起来的代码像素化，可以体现变量y随变量x的变化情况。html p提供了plot()函数绘制折线像素,其语法格式如下：
html css.plot(*args,**kwargs)
常用参数及说明如下：
x、y：分别表示x轴和y轴对应的数据，接收列表类型参数
color：表示折线的颜色
marker：表示折线上点的类型，有“.”、“o”、“v”等等类型
linestyle：表示折线的类型，默认为“-”，表示实线，设置为“--”表示长虚线，设置为“-.”表示点线，设置为“:”表示点虚线
linewidth：表示折线的粗细
alpha：表示点的透明度，接收0~1之间的小数
下面我们将以某地区周一到周日平均温度变化折线像素为例，具体的学习了解折线像素的绘制。
importhtml p.pyplotashtml css
html css.figure(figsize=(10,8))
#周一到周日平均温度数据
html css.plot([1,2,3,4,5,6,7],[12,11,11,13,12,10,10])
html css.show()
效果如下：
html for中怎么使用html p库绘制代码像素化
我们可以给像素表添加一些标签和像素例，让像素表更加清晰好看，具体方法如下：
html css.title()：指定当前像素表的标题，包括名称、位置、颜色、字体大小等
html css.xlabel()：指定当前像素表x轴的名称、位置、颜色、字体大小等
html css.ylabel()：指定当前像素表y轴的名称、位置、颜色、字体大小等
html css.xlim()：指定当前像素表x轴的范围
html css.ylim()：指定当前像素表y轴的范围
html css.xtic_html 换行符()：指定当前像素表x轴刻度
html css.ytic_html 换行符()：指定当前像素表y轴刻度
importhtml p.pyplotashtml css
#设置支持中文
html css.rcParams['font.family']=['SimHei']
html css.figure(figsize=(10,8))
html css.plot([1,2,3,4,5,6,7],[12,11,11,13,12,10,10],line,marker=".")
html css.xlabel("时间")
html css.ylabel("温度")
html css.ytic_html 换行符([iforiinrange(20)][::5])
html css.show()