需要浏览器支持html5用FileReader读取本地文件，再用Image加载此文件并缩放绘制到canvas上最后canvasToDataURL取得缩放后文件的Base64编码，将此编码上传到服务端，解码为byte后，写入文件。

如何使用jquery和html5制作饼图以前我们利用jQuery制作过一些图表应用，使用起来都非常方便今天再来看一款基于HTML5Canvas的饼状图图表应用，鼠标点击饼状图的某块区域时，即可高亮突出显示该区域由于该饼状图是基于HTML5开发的，所以需要支持HTML5的浏览器才能够使用如何通过表格数据生成饼状图如下操。

看你个人的基础和能力啦，每个人都不太一样，一般学习都是学习的基础的用法一到两个星期就差不多了，实际到项目才能有历练，当然如果你自己行的话可以做些例子练练手希望能给你帮助。

HTML5canvas元素用于图形的绘制，通过脚本 通常是JavaScript来完成canvas标签只是图形容器，您必须使用脚本来绘制图形你可以通过多种方法使用 canvas 绘制路径，盒圆字符以及添加图像2Canvas基本使用ltcanvas id=quotmyCanvasquot width=quot200quot height=quot100quotstyle=quotborder1px solid #000000quotlt。