Matplotlib动图保存遇到MovieWriter有问题，自己写gif保存的代码

最近使用Matplotlib绘制动图时，在保存图片为GIF图时遇到TypeError: ‘MovieWriterRegistry’ object is not an iterator（或者会提示MovieWriter ffmpeg unavailable.）。

搜索发现在github上issues/17097有说这是已知的bug，会在之后发布的版本修复。那么在修复发布之前我们如何保存GIF格式图片到本地呢？

FuncAnimation有一个方法是.to_jshtml()，将amt.to_jshtml()生成的结果输出，可以看到其中图片数据是base64编码，因此可以想到从amt.to_jshtml()的结果中解析出其中的png图片数据，通过一些图像库合成gif动图。

amt.to_jshtml()生成的数据是完整的HTML格式文档，可以用open(‘fname.html’,‘w’).write(amt.to_jshtml()) 写入本地，在浏览器打开就是包含控件的动图，但我们就需要输出GIF呢？基于上面的思路，从生成的html文档中解析png数据，在组合为GIF。关于png转gif，网上大部分在用imageio库：frames.append(imageio.imread(img))结合imageio.mimsave(name, frames, 'GIF', duration=duration)，但尝试发现imread读本地文件很方便，传入base64编码的图像数据会遇到ValueError: Image must be a numpy array，标准传入格式是RGB的颜色数组，实践中对imageio的io有了更好的理解，它擅长读写操作而非数据处理，用imageio做的话还需要先把解析的图像数据保存为png再读入，有些多此一举，因此考虑用PIL来处理。Pillow库Image模块的save方法可以通过设置append_images参数生成gif图像。

因此这一思路的实现就是：解析html中的base64数据得到一帧帧的png，变成Pillow库的Image对象，通过append_images参数保存为gif。

#绘制动图的代码
import io
import PIL.Image
amt=anm.FuncAnimation(fig,draw_bar,frames=range(6),interval=600)
ajms=amt.to_jshtml()
frames=[]
cr=''
cp=0
for i in ajms: #硬解base64编码的png数据
    if 'data:image/png;base64' in i:
        if cp==0:
            c1=i.split('"')[1]
            cr='"{0}\n'.format(c1)
            cp+=1
        else:
            cr+='"\n'
            frames.append(cr)
            c1=i.split('"')[1]
            cr=c1
    else:
        if cp==0:
            continue
        elif '\\\\' in i:
            cr=cr+i+'\n'
            print(0,i)
        elif '\\' in i:
            cr=cr+i+'\n'
fss=[]
for i in frames: #base64转Image对象
    fss.append(PIL.Image.open( io.BytesIO(base64.b64decode( i.replace('data:image/png;base64,','')))))
fss[0].save('D:/00-1-4.gif', save_all=True, append_images=fss[1:],duration=500,loop=0)

所保存的gif效果。

生成动图数据和绘制动图的代码：

#动图模拟数据代码
df=pd.DataFrame({'tag':list('ABCDEFG'),'color':['#1EAFAE', '#A3FFFF', '#69FFFF', '#BA5C25', '#FFA069', '#9E5B3A', '#D7CE88']})
df['3']=df['tag'].apply(lambda x:random.randint(50,600)) #初始列

for i in range(4,13):
    idx=str(i-1) #偶数增幅，奇数在原来基础上[-30,50+5*i]变动
    df['{0}'.format(i)]=df[idx].apply(lambda x:x+random.randint(20,100+i*6) if x%2==0 else x+random.randint(-30,50+i*5))

#动图绘制代码
fig,ax=plt.subplots()
def race_bar(i):
    idx=str(i)
    wdf=df.sort_values(by=idx)
    width=list(wdf[idx])
    yw=list(wdf['tag'])
    ax.clear()
    rs=ax.barh(yw,width,color=wdf['color'])
    ax.set_xlim(0,wdf[idx].max()+200)
    ax.set_title('A to G Animation')
    ax.text(wdf[idx].max()+20,1,'{0}'.format(i),fontsize=30)
    ax.tick_params(top=True, bottom=False,
                   labeltop=True, labelbottom=False)
    c=0
    for r in rs:
        ax.annotate('{0}'.format(yw[c]),xy=(r.get_width()-40,r.get_y()+r.get_height()/2-0.16))
        ax.annotate('{0}'.format(width[c]),xy=(r.get_width()+5,r.get_y()+r.get_height()/2-0.16))
        c+=1
amt=anm.FuncAnimation(fig,race_bar,frames=range(3,13),interval=500)

另一种思路，通过研究matplotlib的animation.py的源码，可以知道其中的save函数的writer参数除了ffmpeg之外还有其他选择，写amt.save(‘fname.gif’,writer=‘pillow’) 可以正常保存。

另外看源码还可以发现.to_jshtml()就是用到了HTMLWriter。