网页内跳转
摘要：网页内跳转 <a href="javascript:void(0);">你点吧，反正我就是不动，嘿嘿嘿！！！</a> <br> <a href="#destination">点我跳转</a> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br>
阅读全文
posted @ 2021-04-26 18:04
随笔分类 - HTML
canvas中的save方法和restore方法
摘要：以下博文摘自 https://www.cnblogs.com/fangsmile/p/9530226.html ，在此表示感谢。 save( ) : 保存当前的绘图状态 restore( ) : 恢复之前保存的绘图状态 在canvas环境中绘图时，可以利用绘图堆栈状态、每个状态随时存储canvas上
阅读全文
posted @ 2021-02-26 14:04
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
fillText和strokeText
摘要：fillText( ) 方法在画布上绘制填色的文本，文本的默认颜色是黑色。 strokeText( ) 方法是用来在画布上绘制没有填色的文本，文本的默认颜色是黑色。 var mycanvas = document.getElementById('mycanvas'); var ctx = mycan
阅读全文
posted @ 2021-02-26 09:19
绘制矩形
摘要：示例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
绘制线条
摘要：绘制线条 // 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
画弧线
摘要：HTML5 canvas arc( )方法 arc()方法创建弧、曲线 (用于创建圆或部分圆) 提示：如需通过arc( ) 来创建圆。请把起始角设置为0，结束角设置为2*Math.PI 提示：请使用stroke或fill()方法在画布上绘制实际的弧 语法： context.arc(x,y,r,sAn
阅读全文
posted @ 2021-02-25 09:35
绘制贝塞尔曲线
摘要：绘制一条贝塞尔曲线 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
绘制矩形
摘要：getContext() 方法返回一个用于在画布上绘图的环境 ，该环境对象实现了一个画布所使用的大多数方法，语法： var c document.getElementById('myCanvas'); var context=c.getContext('2d'); // 参数 contextID 指
阅读全文
posted @ 2021-02-24 15:58
文件上传优化
摘要：文件上传 文件上传的优化主要是从按钮的样式和操作逻辑入手的。 需求是这样的： input框 当type="file" 它的文案及弹框样式都无法修改， 再查阅百家资料，高人相助后，用这个方法解决了这个问题。 其实网上也有很多，只是当时在vue文件中怎么去尝试这个，没有思路...... 解决方法如下：
阅读全文
posted @ 2020-09-16 16:30
文件上传
摘要：HTML input 实现文件上传 现在实现文件上传的方式有许多，有使用HTML的input标签的，也有使用element ui或者vant插件协助完成的，等等。本文在现有的vue项目中，通过HTML原生的input，触发事件，调用web API的文件读取接口，获取文件信息，（这里的文件主要指图片文
阅读全文
posted @ 2020-09-11 10:42
