摘要: canvas提供两种方法来渲染文本 1、fillText(text,x,y[,maxWidth])在指定的(x,y)位置填充指定文本,绘制的最大宽度是可选的 2、strokeText(text,x,y[,maxWidth])在制定的(x,y)位置绘制文本边框,绘制的最大宽度是可选的 3、font=v 阅读全文
posted @ 2020-03-27 16:59 小小小~ 阅读(140) 评论(0) 推荐(0) 编辑
摘要: 知识点:用setLineDash方法和lineDashOffset属性来制定虚线样式,setLineDash方式接受一个数组,来指定线段与间隙的交替,lineDashOffset属性设置其实偏移量。 <!DOCTYPE html><html> <head> <meta charset="utf-8" 阅读全文
posted @ 2020-03-27 16:26 小小小~ 阅读(336) 评论(0) 推荐(0) 编辑
摘要: 知识点:lineJoin=type 同一个path内,设定线条与线条间接合处的样式。共有3个值 round、bevel、miter 1、round通过填充一个额外,圆心在相连部分末端的扇形,绘制拐角的形状,圆角的半径是线段的宽度 2、bevel在相连部分的末端填充一个额外的以三角形为底的区域。每个部 阅读全文
posted @ 2020-03-27 15:11 小小小~ 阅读(192) 评论(0) 推荐(0) 编辑
摘要: 知识点:lineCap=type 共有三个值 1、butt:线段末端以方形结束 2、round:线段末端以圆形结束 3、square:线段末端以方形结束,但是增加一个宽度和线段相同,高度是线段厚度一半的矩形区域 具体demo <!DOCTYPE html><html> <head> <meta ch 阅读全文
posted @ 2020-03-27 14:38 小小小~ 阅读(248) 评论(0) 推荐(0) 编辑
摘要: 知识点:ineWidth线宽.默认为1,起始点和终点的连线为中心,上下各占线宽的一半 具体demo <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> canvas{ border:1px solid 阅读全文
posted @ 2020-03-27 14:30 小小小~ 阅读(304) 评论(0) 推荐(0) 编辑