随笔分类 -  【前端】--Canvas

Canvas(3)---绘制饼状图
摘要:Canvas(3) 绘制饼状图 有关canvas之前有写过两篇文章 1、 "Canvas(1) 概述+简单示例" 2、 "Canvas(2) 绘制折线图" 在绘制饼状图之前,我们先要理解什么是圆弧,如何在画布中绘制文字等等。所以这里将绘制饼状图理解拆分成以下几个步骤: 弧度是一种长度的描述单位, 一 阅读全文
posted @ 2020-04-24 23:36 雨点的名字 阅读(3219) 评论(1) 推荐(2) 编辑
【Canvas】(2)---绘制折线图
摘要:绘制折线图 之前在工作的时候,用过百度的ECharts绘制折线图,上手很简单,这里通过canvas绘制一个简单的折线图。这里将一整个绘制过程分为几个步骤: 1、 绘制网格 2、 绘制坐标系 3、 绘制点 4、 将前面三部分组合绘制一整个完整的折线图 。 一、绘制网格 运行结果 二、绘制坐标系 运行结 阅读全文
posted @ 2020-04-19 22:02 雨点的名字 阅读(1376) 评论(2) 推荐(1) 编辑
【Canvas】(1)---概述+简单示例
摘要:Canvas 概述+简单示例 如果通俗的去理解Canvas,我们可以去理解成它类似于我们电脑自带的画图工具一样,canvas首先是选择一块画布,然后在这个画布上描绘我们想画的东西,画好后展示给用户看。 当然它不仅可以画动态图片,甚至可以画出3D效果出来。 一、canvas概述 1、什么是canvas 阅读全文
posted @ 2020-04-15 08:50 雨点的名字 阅读(1529) 评论(1) 推荐(1) 编辑


点击右上角即可分享
微信分享提示