
Canvas
Amethyst紫宣
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Canvas绘制曲线&圆弧&扇形&饼状图&绘制图片&帧动画&canvas的转换
文章目录绘制曲线绘制四分之一的圆弧绘制四分之一扇形绘制一个圆等分成num份根据数据的饼图绘制在画布中心的一段文字(下划线)绘制饼状图绘制图片帧动画canvas的转换 绘制曲线 /* * 1、体验曲线的绘制 * 2、线是由点构成的 * 3、曲线可以由数学公式得来 * * 公式:y=x/2 * 公式:y=(x+2)^2 * 公式:y=sin(x) * */ for(var i=0;i<600;i++){ va原创 2020-11-17 22:25:45 · 1013 阅读 · 0 评论 -
Canvas非零环绕填充&和线相关的属性和方法&虚线、渐变色矩形、折线图
文章目录绘制平行线在填充时遵循非零环绕规则和线相关的属性和方法绘制虚线绘制一个渐变色矩形绘制折线图 /* ctx.moveTo(100,100); ctx.lineTo(200,100); ctx.stroke(); ctx.strokeStyle="blueviolet"; ctx.lineWidth=10; ctx.beginPath(); ctx.closeParh(); ctx.fill(); ctx.fillStyle="lightskyblue"; ctx.lineCap="round"; ct原创 2020-11-13 16:29:31 · 305 阅读 · 0 评论