绘画 海报uniapp canvas
在 uniapp 项目中集成 echarts 图表
1. 项目结构 2. 获取 ECharts 库文件 ECharts在线构建 下载后重命名为：echarts.full.js / echarts.full.min.js 3. 获取 ECharts 地图数据 点此下载 下载后移动到项目结构目录的 geo 位置 4. 编写 ECharts 组件 <tem ......
uniapp的hbuilder命令行总结
HbuilderX通过菜单进行打包，实际上运行的是 /Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/bin/uniapp-cli.js 这个文件 会调用/Applications/HBuilderX.app/Cont ......
uniapp之微信小程序 支付
一、注册微信支付商户号（由上级或法人注册） 注册链接：https://pay.weixin.qq.com/index.php/apply/applyment_home/guide_normal#none，如图 注意：需要由主管及更上级领导进行注册，成为公司收款账户 （企业注册需要材料：营业执照、对公 ......
uniapp的easycom模式
uniapp的easycom模式，无需import和注册components，即可在页面使用固定目录下的组件。 这个目的是简化引用，其实还挺坑的。 1. 直接使用组件，全局又搜索不到引用，第一感觉让人摸不着头脑 2. 不引用组件，文件下放了多个组件，不知道到底使用了哪个 3. 进行组件优化，要删除或 ......
利用剪贴蒙版制作海报
视频网址： https://mooc1-2.chaoxing.com/mooc-ans/mycourse/teacherstudy?chapterId=687030348&courseId=220576162&clazzid=85345057 ......
制作“冰爽一夏”海报
视频网址： 链接：https://pan.baidu.com/s/1qbmk-rHoviSKsx2MdCYhZw 提取码：ikmx --来自百度网盘超级会员V4的分享 ......
利用滤镜制作乡村个人防护海报
视频网址： https://mooc1-2.chaoxing.com/mooc-ans/mycourse/teacherstudy?chapterId=687030348&courseId=220576162&clazzid=85345057 ......
制作唯美天空海报
视频网址： https://mooc1-2.chaoxing.com/mooc-ans/mycourse/teacherstudy?chapterId=484899451&courseId=220576162&clazzid=85345057 ......
制作霜降海报
视频网址： https://mooc1-2.chaoxing.com/mooc-ans/mycourse/teacherstudy?chapterId=484899450&courseId=220576162&clazzid=85345057 ......
uniapp 预览pdf app端使用自定义导航时铺满全屏，需要留出导航栏
1、安装pdf预览插件：hybrid 插件（网上资料很多） 2、封装预览vue页面（重点在加粗部分，使用原生导航没有问题，但是使用自定义导航就把状态栏全部盖住了） <template> <view class="page"> <web-view :webview-styles="webviewSty ......
uniapp h5低版本Android显示空白
前言：uniapp写的H5访问一直空白，打包app就可以正常显示，排查说是箭头函数低版本不支持，一顿操作npm，还是一样空白。 最后：需要发行打包h5才能正常访问，服了也没告诉我啊。注：打包出来访问报错Uncaught SyntaxError: Unexpected token '<'，访问空白问题 ......
vue移动鼠标在canvas上画不规则图形（整合别人的，增加了一些功能）
1、draw_shape.js 1 /** 2 * 绘制不规则多边形 3 */ 4 5 import { Message } from 'element-ui' 6 7 export function draw_test(cav, list) { 8 // 画布初始化 9 let ctx = cav ......
使用uniapp+uView制作表单踩坑事件
一、问题描述 制作表单过程中使用了uniapp的日期选择组件uni-datetime-picker和uView的u-picker组件 在实际编写过程中模拟器和安卓机的真机调试上，显示没有任何问题 但是 在使用IOS设备进行调试过程中，出现了弹窗遮挡的情况 二、寻找解决办法 1、第一反应为组件不兼容I ......
uniapp引入H5调试vConsole
在真机环境下调试移动端H5的时候，无法像浏览器一样打开控制台进行console调试，那么我们可以在前端项目中引入vconsole，便于我们在真机环境下调试移动端H5项目 vConsole是一个轻量、可拓展、针对手机网页的前端开发者调试面板。 详细文档可查看：https://gitee.com/mir ......
uniapp项目引入uView-ui
通过npm下载 // 如果您的根目录没有package.json文件的话，请先执行如下命令： // npm init -y npm install uview-ui // 更新 // npm update uview-ui 配置步骤 1.引入uView主JS库 在项目根目录中的main.js中，引入 ......
canvas
canvas画布 var canvas = document.getElementById('canvas') 在当前 HTML 文档中获取 id 属性为 "canvas" 的元素对象，然后将该对象存储在一个名为 canvas 的变量中。通常情况下，这个元素应该是一个 canvas 标签，用于在网页 ......
Niushop中uniapp的访问接口
Niushop中uniapp的访问接口 直接上代码 this.$api.sendRequest({ url: '/pintuan/api/order/isbuy', success: res => { console.log(res) if(res.code == 1){ //跳转VIP } }, ......
uniapp视频封面层级问题
1、app端建议使用视频的第一帧作为视频封面，自定义封面遮罩无法显示，当封面图是白色背景时看不到视频播放按钮。 2、h5直接使用封面属性可正常展示。 <!-- #ifdef APP-PLUS --> <!-- app使用视频的第一帧作为封面，自定义封面没显示遮罩，浅色封面看不到按钮 --> <vid ......
吊打收费好用到爆系列软件：免费绘画软件 草图概念图 动画 漫画 插画、接景甚至 3D 贴图 防抖、数位板、色彩管理、滤镜压感图层
今天优爱酷给大家带来一款手绘软件，相较与一些软件的各种套路，本款软件可以满足大多画师或手绘爱好者的需求，跨平台，Windows, Mac OSX , Linux均可使用。 ......
uniapp之canvas 绘画海报 进行分享、收藏、保存
在这过程中： ① 在uniapp中我之前想的是直接将我的view那一块直接转为海报图片，不可行 ② 海报的图片是我点击分享给每个好友使才出现的，之前使用的是UI制作的图，进行自定义的分享、收藏、保存，当然也不可行 一、绘画海报 绘画海报，我使用的是uniapp的canvas进行要求绘制，https: ......
php动态生成海报图片、七牛云上传图片、七牛云打包文件
场景描述 具体业务中遇到了动态生成图片同时保存到七牛云上，然后打包提供下载的问题。 常规方案一般保存到服务器上，然后打包下载后删除就可以了，为了节约带宽和服务器资源，算是另辟蹊径了。 解决 1. 动态生成图片 逛了一逛github，最后使用了 kkokk/poster 的库，相当丝滑。 文档地址 示 ......
vue2和vue3导出页面为PDF格式：jspdf和html2canvas
一、vue2导出PDF使用步骤 1、安装html2canvas，将页面html转换成图片 npm install --save html2canvas 卸载： npm uninstall html2canvas 指定版本安装： npm install --save html2canvas@1.0.0 ......
uniapp App端实人认证
1、充点钱，因为调一次要8毛多 2、右键项目，创建unicloud云开发环境 3、创建一个文件夹，名称随便 uni-cloud-verify 4、右键文件夹，管理云函数的扩展库/公共模块依赖 点这个，然后确认 5、配置manifest.json里面App模块配置打开实人认证，然后打自定义基座包 6、 ......
iOS关闭侧滑，uniapp方案
liangpan 两片文章 https://blog.csdn.net/iOSTianNan/article/details/132826188 https://www.jianshu.com/p/3f0e6a05980e ......
uniapp页面生命周期函数执行时机
一、总览 二、分析 通过浏览器控制台得到： 从上述实验我们可以得到以下结论： onLoad 对应 created, onReady 对应 mounted, 不过uniapp页面生命周期函数执行时机略早于组件生命周期函数，在页面级vue文件中可优先考虑使用页面级生命周期函数。 需要依赖页面传参逻辑的需 ......
uniapp返回上一页面并刷新数据 及 刷新当前页面
返回上一页面并onLoad刷新数据 //当前页面(详情页) methods: { setNavTitle() { uni.setNavigationBarTitle({ title: '标题' }); }, back() { uni.$emit('refreshData'); // uni.$emi ......
小程序分享pdf文件（uniapp）
share(){ wx.downloadFile({ url: '', // 下载url success (res) {// 下载完成后转发 wx.shareFileMessage({ filePath: res.tempFilePath, success() { }, fail: console. ......
uniapp全局修改字体
App.vue中 <style lang="scss"> /* 注意要写在第一行，同时给style标签加入lang="scss"属性 */ @import "uview-ui/index.scss"; @font-face { font-family: 'selffont'; src: url("/ ......
html2canvas 截图不全问题解决
有个低代码平台项目，需求是要将canvas画布上的echarts图表等组件截图保存，如果是正常比例（也就是百分百比例）截图是正常的，但如果画布处于缩放状态进行截图的话就会因组件上的一些样式影响而导致截图不全。为了解决这一问题，在网上也查找了很多资料，终于找到解决办法，亲测有效。 话不多说，上代码： ......