- 博客(5)
- 收藏
- 关注
RSS订阅原创 canvas实战（一）
上篇《canvas初识》讲解了canvas的一些基本功能，本篇开始讲解canvas在项目中的应用。前言在项目中，UI给出了下图这样一个仪表盘的设计当然，echart也有类似的仪表盘的功能，因项目中没有引入echart，且与设计稿还是有些不同，本人还是决定用canvas手绘一个。实战分析1、创建画布2、画底色大半圆（灰色的）3、画实际进度圆弧（蓝色）4、画刻度5、填充文本&...
2021-11-01 14:43:00
274
原创 canvas初识
HTML5 canvasHTML5canvas即HTML5画布，是一个现代浏览器都支持的HTML5非插件绘图的功能，本文将展示如何通过HTML5canvasAPI操作canvas元素、绘制图形、改变绘图颜色以及删除图形，让我们开始进入这很酷的新技术的短暂旅行吧。canvas元素简介Canvas是HTML5中重要的元素，和audio、video元素类似完全不需要任何外部插件就能够运行。Canvas中文翻译就是”画布”，它提供了强大的图形的处理功能(绘制,变换,像素处理…)。但是需要注...
2021-10-28 17:46:06
205
原创 el-progress实现文件上传进度效果
一、上传初始状态二、上传中三、上传成功四、上传失败代码区<z-progress :type="progressType"></z-progress><template> <!-- 进度条 --> <el-progress :percentage="percentage" :status="status" :format="format"></el-progress></t..
2021-09-09 10:42:45
779
原创 基于element+的下拉搜索多选树
这个是基于element+开发的下拉搜索多选树，element+ 与element在使用上有一点区别，如果你用的是element要稍作修改。代码区域：<select-tree v-model="search.dept" :data="tree" :defaultProps="defaultProps" style="width: 200px"></select-tree><template> <div class="z-select-tree
2021-05-14 17:14:00
816
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人