- 博客(14)
- 收藏
- 关注
RSS订阅原创 canvas 三
关于canvas中的beginPath和endPath 在windows中除了区域这个概念，还增加了一个新的GDI对象：也就是路径 一开始图形的形状，内部的填充都是局限性的，但是路径的出现大大丰富了关于图形的设计关于路径的API参数BeginPath ： 路径开始 EndPath ： 路径结束StrokePath ： 绘制路径 FillPath ： 填充路径对于路径的调节有moveTo lineTomoveto是移动
2022-04-01 10:34:15
276
原创 canvas 第二章createPattern
canvas 重要属性 createPattern2.createPattern createPattern() 方法在指定的方向内重复指定的元素。元素可以是图片、视频，或者其他 元素。context.createPattern(image,“repeat|repeat-x|repeat-y|no-repeat”);repeat 默认。该模式在水平和垂直方向重复。repeat-x 该模式只在水平方向重复。repeat-y 该模式只在垂直方向重复。no-repeat 该模式只显
2022-03-25 16:18:00
1730
原创 画布基础篇 第一章
canvas 重要属性 1.fillStyle&fillRect!!! fillStyle要写在fillRect之前属性设置或返回用于填充绘画的颜色、渐变或模式。yang.fillRect(20,20,150,100);//(x,y,width,height)例子:var canvas = document.getElementById(id); var context = canvas.getContext('2d'); context.fillStyle='black';
2022-03-25 11:16:05
620
原创 禁止复制 如何实现 js基础 浏览器文本限制cv
一下总结几种方法然后就行分别的针对性总结方法1.关于最普通的右击鼠标，弹出菜单栏进行复制 所以说我们就可以把鼠标事件禁用document.addEventListener('contextmenu',function(event){ event.preventDefault(); // 阻止默认事件 });2.关于鼠标选中后限制就是限制我们的鼠标选中 document.addEventListener('selectstart',function(event){
2022-03-24 16:33:30
246
转载 借鉴css3动画 ‘引用，非原创” CSDN博主「joyouscola」的原创文章
css的动画效果主要分为三类①transition②transform③animationtransition①transition-propertty:设置对象中的参与过渡的属性属性值是：all:所有可以进行过渡的css属性none：不指定过渡的css属性property：指定要进行过渡的css属性②transition-duration：设置对象过渡的持续时间，主要以S为单位③transition-timing-function：设置对象中过渡的类型transition-timi
2022-03-22 19:15:32
51
原创 echarts如何在vue中灵活运用
echarts如何在vue中灵活运用如有雷同纯属意外 个人写法首先第一步：我们应该要引入关于echarts的包 （！这里要特殊强调一点是如果我们的项目中含有类似于地图的图表时需要另外引入）引入echartsimport echarts from "echarts"; //这里要主要引入这一步的前提是我们已经把我们的echarts引入到我们的配置文件中import "echarts-wordcloud/dist/echarts-wordcloud";import "echart
2022-03-22 16:26:01
1535
原创 项目实战 关于两个组件之间的传递以及关联
<xiala ref="xiala"></xiala>在我们的template大的包裹中使用标签进行使用 在使用ref进行标记以便于我们下面的的操作import xiala from "./xiala";在我们大的包裹弹框组件的vue文件中先进行引入 components: {xiala},再进行我们对这个组件的一个注册注册完毕之后呢我们要做的就是点击一个事件然后将我们的弹框进行打开我们使用的是 this.$refs.xiala.open(this.$route.
2021-09-07 15:01:25
254
原创 关于echarts的图标细节展示（部分）1. 柱状图
1.柱状图 以集合柱状图为例option = { legend: {}, tooltip: { trigger: 'axis', axisPointer: { // 坐标轴指示器，坐标轴触发有效 type: 'shadow' // 默认为直线，可选为：'line' | 'shadow' } }, // 用于鼠标悬停在上面 数值的显示 dataset: {
2021-09-01 14:45:31
237
原创 2021-09-01 关于表格的合并和数组的去重 实战 项目
<div class="assess"> <div class="title"> 评估得分详情 </div> <div class="assess-table"> <el-table v-loading="loading" :data="tableData"
2021-09-01 14:33:07
53
原创 关于vue 表格内合并的问题
关于表格合并表格代码详情div class="assess"> <div class="title"> 评估得分详情 </div> <div class="assess-table"> <el-table v-loading="loading
2021-08-28 17:34:27
164
原创 解决vue文件引入时间，后端数据库显示时间少一天
解决vue文件引入时间，后端数据库显示时间少一天少一天，是由于我们传入的时间是我们的当前的时间，但是当我们获取之后，我们获取的时间就是一个格林的时间，这就会造成，我们当前的时间从我们当前进行计算减少八小时，随后我们在后台数据库查看到的数据就是“当前时间减去八小时‘ 一般为 ”16:00“解决方法： ![在这里插入图片描述](https://img-blog.csdnimg.cn/fe8efd0d9484428496f8292102154bbd.png?x-oss-process=image/wa
2021-08-24 14:52:28
1765
原创 关于Echarts问题的一些小细节的记录
1.关于x轴的一个内容的显示不全，或者说当x轴单个数据比较长的时候我们可以让他倾斜List item ** axisLabel: { interval: 0, rotate: 30 }, 调节x轴的一个间距和字体倾斜**2.关于我们的鼠标悬浮到我们的数据上时，我们可以查看到我们的数据的参数，查看我们的类型时List item相对于折线图而言**tooltip: { trigger: 'axis', axisPointer
2021-08-07 15:18:24
99
原创 李阳看前端----宇宙新vue-v-show-----v-if的区别
1.v-if----v-show的区别当条件为真的时候这两者是没有区别的，都是控制元素的一个显示，条件为假的时候v-if通过创建或删除DOM节点来实现元素的显示隐藏，v-show通过display属性来控制 2、v-if更适合数据的筛选和初始渲染 v-show更适合元素的切换v-show会更加节省性能上的开销；当只需要一次显示或隐藏时，使用v-if更加合理。<body><div id="app"> <input type="button" @click="sho
2021-04-08 08:13:10
76
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人