在前端页面开发过程中偶尔会有需要对数据进行相应的数学模型展示,或者地理位置的动态展示,可能就会想到用canvas,网上有很多已经集成好的,比如说类似echarts,确实功能非常强大,而且用到了canvas,所以对canvas的使用研究了以下,做一下总结,方便复习。1.利用canvas画一条线:首先, ...
分类:
Web程序 时间:
2020-05-01 10:56:08
阅读次数:
68
冒号属性 :是指令 v-bind 的缩写,是为了动态绑定数据,用于响应式地更新 HTML 特性。 加了冒号,后面是变量或表达式;不加冒号的是字符串。 如图:将Home组件中的 probe-type 的值传给子组件Scroll的时候,需要的是一个数字类型,所以这里要加上:,否则3就会被当成一个字符串 ...
分类:
其他好文 时间:
2020-05-01 10:50:22
阅读次数:
95
三:Canvas的绘图(下) 1. 在画布上的合成 合成是指如何精细控制画布上对象的透明度和分层效果。有两个属性可以控制合成操作: globalAlpha globalAlpha Canvas属性用来表示透明度,它的默认值为1.0(完全不透明),并且可以设置从0.0到1.0的值,这项Canvas属性 ...
分类:
Web程序 时间:
2020-05-01 01:33:37
阅读次数:
87
首先先看一下原生HTML5 video对字幕的支持显示情况: <track>元素 HTML5允许我们使用<track>元素为视频指定字幕。这个元素的各种属性允许我们指定这样的东西,比如我们添加的内容的类型,它所在的语言,当然还有对包含实际字幕信息的文本文件的引用。 <video id="video" ...
分类:
Web程序 时间:
2020-04-30 23:30:02
阅读次数:
91
window.fetch eventsource (服务端推送) pipe loading 加载条 树状数组 [LeetCode] 730 Vue 源码:响应式、模板编译、nextTick、keep-alive 项目-你画我猜 项目-UI组件库 ...
分类:
其他好文 时间:
2020-04-30 19:42:10
阅读次数:
65
前言 智能监控的领域已经涉及到了各大领域,工控、电信、电力、轨道交通、航天航空等等,为了减少人员的消耗,监控系统必不可少。之前我写过一篇 2D 的智能地铁监控系统广受好评,突然觉得,既然 2D 的这么受欢迎,那么 3D 的需求量肯定也是非常大的,3D 毕竟比 2D 来说还是更直观一些,于是有了这个例 ...
分类:
Web程序 时间:
2020-04-30 15:53:39
阅读次数:
116
DevExtreme拥有高性能的HTML5 / JavaScript小部件集合,使您可以利用现代Web开发堆栈(包括React,Angular,ASP.NET Core,jQuery,Knockout等)构建交互式的Web应用程序。从Angular和Reac,到ASP.NET Core或Vue,De ...
分类:
Web程序 时间:
2020-04-30 11:32:15
阅读次数:
82
添加水印的思路 1. 通过动态添加水印的 ,平铺在页面上,给 的`point event none`,添加一个透明度就可以了,这种实现比较简单,但是效果可能不是很好。 2. 通过 绘制对应的水印图形以及文字,然后转成 编码的地址,附加在需要添加水印的页面的根元素上,作为背景图。 第二种思路的实现如下 ...
分类:
Web程序 时间:
2020-04-30 11:14:06
阅读次数:
228
1.html (1)html5新特性有哪些,使用新特性可以解决目前哪些问题。 这篇文章讲的很详细也很长 ① 语义特性(Semantic) ② 本地存储特性(OFFLINE & STORAGE) ③ 设备访问特性 (DEVICE ACCESS) ④ 连接特性(CONNECTIVITY) ⑤ 网页多媒体 ...
分类:
其他好文 时间:
2020-04-30 09:52:37
阅读次数:
68
这是一篇课程博客 总览 项目名称:知识路书 发布形式:网页应用 发布地址:http://47.94.141.56 (暂定) 软件界面 运行环境与安装方法 支持Html5的主流现代浏览器(推荐Chrome、Firefox与Safari) 无需安装,开袋即食 与Alpha相比新增的功能 用户系统:支持用 ...
分类:
其他好文 时间:
2020-04-29 20:17:57
阅读次数:
83