- 博客(13)
- 收藏
- 关注
RSS订阅原创 解决移动端canvas 绘制的图片模糊的问题
之前前面写过一遍有关canvas移动端适配的稿文，测试测出来还有点bug,绘制的图有点模糊，这里完善下。假如，页面是1200*680 的高度，我的图片得是2倍的图2400*1360。canvas 设置成2400*1360的width ，这样页面会被放大，canvas的width、height得是实际可视内容的宽度，得动态获取。当然在实际h5页面里，宽高不会是这样写死的，都是动态获取。解决办法是，所有的数值，必须要 乘以 dpr，记得，如果有点位的展示，点位也需要 乘以dpr。例如，我这个设计是横屏，
2024-08-06 10:12:26
472
原创 canvas 根据点位web循环展示样式,并等比例适配h5
当然这套代码里也是有冗余部分，画笔绘制完，需要关闭路径，才能画下一个内容，否则会有冲突，会出现样式相互影响的情况，为避免干扰，我采用的是再次循环的方法去写入样式，当然这样肯定是耗费性能的，目前暂时没想到更好的处理办法。个人也是第一次用canvas，不是非常熟悉，觉得最难的部分在绘图，前端页面样式更多是用css的方式书写，但现在要用画布的方式去绘制，比如要绘制矩形，绘制圆角，绘制倒三角，文字填充等，不会写，各种百度。比如这个点位是100，而宽高都是已知的，就能算出实际矩形所在的点位了。
2024-08-02 18:07:52
718
原创 vue 实现课程表
要实现的效果如下：主要是花了很长时间去花了这个页面，也是各种百度，所以，在此记录下，有需要的人可以借鉴看下包含了html,假数据、以及css,可以整个copy过去目前这一版是未联调的静态页面，下一次发一个已经联调过的，含接口的数据，看真实效果<template> <div> <div class="Micro_top"> <div class="searchs"> <span>时间 :&
2022-04-27 09:49:14
4226
2
原创 vue 解决重复点击导航路由报错 问题
// 解决重复点击导航路由报错const originalPush = VueRouter.prototype.pushVueRouter.prototype.push = function push (location) { return originalPush.call(this, location).catch(err => err)}Vue.use(VueRouter)直接复制到router.js里，粘贴的时候，注意下执行顺序，这段是放在new VueRouter的前面.
2021-06-15 11:07:10
419
原创 vue antd的menu组件使用
vue antd的menu组件使用实现效果记录实现的主要几步1、数据处理2、布局3、功能实现，搜索标题则当前菜单高亮，右侧则显示对应的内容用到menu菜单时，需要注意它的api右侧显示content内容实现效果注：我这里的输入框，搜索的时候是只支持搜索标题，支持模糊搜索记录实现的主要几步1、数据处理在写静态页面的时候需要写假数据，会与后台沟通，这个地方菜单后期会返回什么样的数据结构，有的后台会以前端为准，你想要什么样的数据结构就给你什么样的结构，但这里后台按照他自己的来，直接给前端返回了一个扁平
2021-06-15 10:58:39
3789
原创 antd 如何为表单插入一个属性
之前一直习惯于用element ui，用了antd ui框架后觉得在使用的时候着实没有element ui好用，记录下用antd表单时遇到的问题接下来，熟悉下它的写法1、data中表单的创建方式写法，是下面这种方式 data() { return { form: this.$form.createForm(this), //antd创建表单 } }2、同时页面结构绑定的写法与element ui也不一样，这里需要注意的是他的绑定方式，element ui用的
2021-05-31 10:16:18
1343
原创 vue打包线上报错
这里写自定义目录标题vue打包到开发环境时报错解决方法：vue打包到开发环境时报错报错vue is not difine排除问题：cdn 引入的问题解决方法：1、在不动其他代码的情况下，在public中的body中引入cdn，记住本地开发时，这一部分可以注释掉，只有在打包时再解开注释，进行打包2、在config文件里直接写入地址附上好用的文件引入地址：https://www.bootcdn.cn/ps:以前前端打包时用npm run build命令打完包然后将dist文件发给后台放线上
2021-05-19 21:49:05
445
原创 前端收起与折叠功能
收起与折叠功能完成效果代码实现完成效果默认折叠状态点击展开按钮显示下方的表格代码<div :class="disableTable ? 'showt' : 'dist'">表格信息</div><!-- 收起与折叠 --> <div class="zy_jt"> <div class="b_pack" @click="packupbtn"> <div class="expand"
2021-03-30 16:14:43
3475
2
原创 将本地文件提交到github
目录1、配置密钥1.1 生成密钥1.2 添加密钥到远程仓库2、git上传忽略文件3、本地文件提交到云端3.1 github新建仓库3.2 仓库创建3.3 紧接着按照它所提示的一步一步的来3.4提交到云端4、克隆github项目4.1 克隆4.2 https协议修改为git 协议1、配置密钥1.1 生成密钥打开c盘中.ssh文件夹，...
2020-03-14 20:16:51
215
原创 如何解决跨域
如何解决跨域1、什么是跨域比如现在有一个A网站、有一个B网站，A网站中的 HTML 文件只能向A网站服务器中发送 Ajax 请求，B网站中的 HTML 文件只能向 B 网站中发送 Ajax 请求，但是 A 网站是不能向 B 网站发送 Ajax请求的，同理，B 网站也不能向 A 网站发送 Ajax请求，因为Ajax 只能向自己的服务器发送请求而当A 网站非要向 B 网站发送 Ajax请求时，就...
2020-03-09 11:25:28
166
原创 mongod安装与分享
mongodb数据库安装Node.js通常使用MongoDB作为其数据库，具有高性能，易使用，存储数据方便等特点，完全使用JavaScript语法即可操作常见的数据库软件有：mysql、mongoDB、oracleMongoDB可视化软件下载与安装1、下载地址官网：https://www.mongodb.com百度网盘：链接：https://pan.ba...
2020-03-03 14:14:19
169
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人