摘要: 一、用canvas画圆弧 用canvas画圆弧画圆弧有两种方法: 1、arc(x, y, r, startAngle, endAngle, anticlockwise): 以(x, y) 为圆心,以r 为半径,从 startAngle 弧度开始到endAngle弧度结束。anticlosewise 阅读全文
posted @ 2020-12-09 13:18 荷风伊夏 阅读(957) 评论(0) 推荐(0) 编辑
摘要: 一、什么是canvas? canvas是h5新增的标签。由 HTML 代码配合高度和宽度属性而定义出的可绘制区域。简单的来说就是一块画布。 新增的标签,所以它是有兼容性问题的。 Mozilla 程序从 Gecko 1.8 (Firefox 1.5) 开始支持 <canvas>, Internet E 阅读全文
posted @ 2020-12-09 13:16 荷风伊夏 阅读(1658) 评论(0) 推荐(0) 编辑
摘要: input框作为一个简单的输入框,你对它的属性知道有多少?常见的属性(带new为h5新增属性): 1、accept:accept 属性规定了可通过文件上传提交的服务器接受的文件类型。仅用于input的type类型为"file"的时候。 属性值: audio/*,音频 video/* ,视频 imag 阅读全文
posted @ 2020-12-09 13:14 荷风伊夏 阅读(649) 评论(0) 推荐(0) 编辑
摘要: 最近在看自己的头条权益的时候,看到这个信用分图片,出于职业的好奇心,研究一下这个半环图的画法。 实现这个半圆图,有两种方案。第一种方案,走css路线,首先画一个整的圆环,通过两块挡板的旋转展现出一部分的环形。第二种方案,通过canvas画图实现半环图。我认为还是第二种方案更好实现。今天我就教大家如何 阅读全文
posted @ 2020-12-09 13:13 荷风伊夏 阅读(1309) 评论(0) 推荐(1) 编辑
摘要: 网页动画图像、Flash 动画和 JavaScript 实现的效果图片,我们用最基础的CSS也能实现。制作一个简单的gif动画图,上图就是效果图。 用CSS3制作动画图,你需要了解两个css属性。 其一是 @keyframes 因为它限定了CSS 样式和动画逐步从目前的样式更改为新的样式的变化过程。 阅读全文
posted @ 2020-12-09 13:05 荷风伊夏 阅读(568) 评论(0) 推荐(0) 编辑
摘要: 之前一直使用windows系统的电脑,创建文件很简单,改格式也非常的简单。但换了苹果电脑,如何创建一个HTML文件?却把我给整蒙了。 首先,为什么mac上不能直接新建文本文件? 因为mac一都是以应用的方式来管理文件。 我们在Windows上的习惯是:找到一个目录-->新建文件-->打开对应的应用- 阅读全文
posted @ 2020-12-09 11:47 荷风伊夏 阅读(2732) 评论(5) 推荐(0) 编辑