zhishiyv - 博客园

canvas中的save方法和restore方法

摘要：以下博文摘自 https://www.cnblogs.com/fangsmile/p/9530226.html ，在此表示感谢。 save( ) : 保存当前的绘图状态 restore( ) : 恢复之前保存的绘图状态在canvas环境中绘图时，可以利用绘图堆栈状态、每个状态随时存储canvas上阅读全文

posted @ 2021-02-26 14:04 zhishiyv 阅读(537) 评论(0) 推荐(0) 编辑

moveTo( )方法

摘要：开始一条路径，移动到位置 0，0 创建到达位置 300，150的一条线 var c = document.getElementById("myCanvas"); var ctx = c.getContext("2d"); ctx.beginPath(); ctx.moveTo(0,0); ctx.l 阅读全文

posted @ 2021-02-26 09:28 zhishiyv 阅读(192) 评论(0) 推荐(0) 编辑

fillText和strokeText

摘要： fillText( ) 方法在画布上绘制填色的文本，文本的默认颜色是黑色。 strokeText( ) 方法是用来在画布上绘制没有填色的文本，文本的默认颜色是黑色。 var mycanvas = document.getElementById('mycanvas'); var ctx = mycan 阅读全文

posted @ 2021-02-26 09:19 zhishiyv 阅读(588) 评论(0) 推荐(0) 编辑

绘制矩形

摘要：示例1、绘制一个矩形 var c=document.getElementById("myCanvas"); var ctx=c.getContext("2d"); ctx.strokeStyle="#0000ff"; ctx.strokeRect(20,20,150,100); 示例二、绘制渐变矩形阅读全文

posted @ 2021-02-25 13:47 zhishiyv 阅读(115) 评论(0) 推荐(0) 编辑

绘制线条

摘要：绘制线条 // Get the context context = document.getElementById("cvs").getContext('2d'); // Anti aliasing fix. This makes the lines look crisp and sharp and 阅读全文

posted @ 2021-02-25 11:53 zhishiyv 阅读(70) 评论(0) 推荐(0) 编辑

画直线

摘要： A const ctx = wx.createCanvasContext('myCanvas'); ctx.beginPath(); ctx.setLineCap('butt'); ctx.moveTo(10, 10); ctx.setLineWidth(10); ctx.lineTo(150,10 阅读全文

posted @ 2021-02-25 11:21 zhishiyv 阅读(36) 评论(0) 推荐(0) 编辑

画弧线

摘要： HTML5 canvas arc( )方法 arc()方法创建弧、曲线 (用于创建圆或部分圆) 提示：如需通过arc( ) 来创建圆。请把起始角设置为0，结束角设置为2*Math.PI 提示：请使用stroke或fill()方法在画布上绘制实际的弧语法： context.arc(x,y,r,sAn 阅读全文

posted @ 2021-02-25 09:35 zhishiyv 阅读(138) 评论(0) 推荐(0) 编辑

绘制贝塞尔曲线

摘要：绘制一条贝塞尔曲线 var c=document.getElementById("myCanvas"); var ctx=c.getContext("2d"); ctx.beginPath(); ctx.moveTo(20,20); ctx.bezierCurveTo(20,100,200,100, 阅读全文

posted @ 2021-02-25 09:23 zhishiyv 阅读(330) 评论(0) 推荐(0) 编辑

时间日期相关JS方法

摘要：返回当前月份 getMonth( )方法可返回表示月份的数字，返回值是0(一月)到11（十二月）之间的一个整数返回当前月的天数 let days = new Date(year, month, 0).getDate() 阅读全文

posted @ 2021-02-24 16:47 zhishiyv 阅读(67) 评论(0) 推荐(0) 编辑

JS的assign()方法

摘要：关于assign( )方法，用于将所有可枚举的属性的值从一个或多个源对象复制到目标对象，它将返回目标对象。在考虑对象复制时，用assign( )方法，将源对象属性拷贝到目标对象，创建一个新的对象，在空对象上做操作，可以避免直接赋值后，对象之间的相互影响。 var toolTipOption = 阅读全文

posted @ 2021-02-24 16:08 zhishiyv 阅读(1758) 评论(0) 推荐(0) 编辑