CISP 430 Data StructuresMidterm ExamSpring 2020Directions:1) This is your midterm examination; upon Canvas submission,a) you certify sole authorship o ...
分类：
其他好文 时间：
2020-04-22 19:48:02
阅读次数：
81
在现在前端圈大行其道的 React 和 Vue 中，可复用的组件可能是他们大受欢迎的原因之一， 在 HT 的产品中也有组件的概念，不过在 HT 中组件的开发是依托于 HTML5 Canvas 的技术去实现的， 也就是说如果你有过使用 Canvas 的开发经验你就可以来封装自己的组件。 下面我以一个进 ...
分类：
Web程序 时间：
2020-04-21 20:01:02
阅读次数：
90
绘制折线图 之前在工作的时候,用过百度的ECharts绘制折线图,上手很简单,这里通过canvas绘制一个简单的折线图。这里将一整个绘制过程分为几个步骤: 1、 绘制网格 2、 绘制坐标系 3、 绘制点 4、 将前面三部分组合绘制一整个完整的折线图 。 一、绘制网格 运行结果 二、绘制坐标系 运行结 ...
分类：
其他好文 时间：
2020-04-19 22:07:35
阅读次数：
66
wechat-chart 基于微信小程序 Canvas API 实现的柱状图和趋势图 GitHub 地址 用法 let Line = require('../../utils/line.js'); let line = new Line(); line.draw({ renderTo: 'lineC ...
分类：
微信 时间：
2020-04-19 19:33:46
阅读次数：
122
HTML5 HTML5有哪些新特性： 1. 拖拽释放(Drag and drop) API 2. 语义化更好的内容标签（header,nav,footer,aside,article,section） 3. 音频、视频API(audio,video) 4. 画布(Canvas) API 5. 地理( ...
分类：
其他好文 时间：
2020-04-18 18:59:02
阅读次数：
83
很火的echarts底层也是采用了这个; 1. 底层是canvas画图,比较快相对于svg, 写自己类图包含hover等操作注意分层 2. canvas画布各个浏览器支持大小有限; 3. 实现画布无限大, 采用了group概念, 所有元素绑定group, 鼠标滚动计算group的position位置 ...
分类：
其他好文 时间：
2020-04-17 15:55:33
阅读次数：
297
由于时间关系 代码没有做整理大家有什么不懂得可以留言； 代码的主题思路备注中都有 大家可以看看 我的博客中还有关于canvas绘制矩形的文章有需要的可以看一下； HTML代码： 第一行的canvas为裁剪后展示用；div中的canvas存放原有尺寸的图片 <canvas id="canvasImg1 ...
分类：
其他好文 时间：
2020-04-16 00:43:26
阅读次数：
191
按照大小压缩图片，或者按照特定分辨率裁切图片，转为blob数据。自动处理ios中可能存在的照片偏差90°问题。 例如，获取300*300大小的头像，实现以下效果： 使用方式： <!-- 引入js文件 --> <script type="text/javascript" src="./compress ...
分类：
其他好文 时间：
2020-04-15 13:48:37
阅读次数：
82
前言 最近收到一个这样的需求,要求做一个基于 vue 和 element-ui 的通用后台框架页,具体要求如下: 要求通用性高,需要在后期四十多个子项目中使用，所以大部分地方都做成可配置的. 要求做成脚手架的形式.可以 npm 安装 要求实现多页签,并且可以通过浏览器 url 回显多页签.而且页签内 ...
分类：
微信 时间：
2020-04-15 00:54:19
阅读次数：
114
一、图片透明及旋转 let ctx = wx.createCanvasContext('shareImg') ctx.drawImage('../../../' + res[0].path, 0, 0, w, h) ctx.save() ctx.globalAlpha = 0.2 ctx.rotat ...
分类：
微信 时间：
2020-04-14 20:16:04
阅读次数：
95
