绘画 海报uniapp canvas
uniapp实用功能代码（小程序支付，图片保存，返回刷新，分享到朋友圈）
1. uniapp 小程序支付： uni.request({ url: "http://xxxxxx/payOrder", // 后端接口 返回调起支付需要的参数 data: { userId:1, // 此接口需要的参数 一般有多个 此仅为示例 }, method: "POST", success ......
uniapp+微信小程序 激励广告
防忘 首先在onready里面准备好代码 包括广告准备就绪 准备出错，广告关闭 data() { return { showAd: false, canShowAd: false, rewardedVideoAd: null, } }, onReady() { let that = this; th ......
使用uniapp开发小程序getLocation报错
uniapp中使用uni.getLocation()报错，报错如下: getLocation:fail the api need to be declared in the requiredPrivateInfos field in app.json/ext.json 首先检查uniapp的mani ......
uniapp关于uEcharts 关于Y轴 取整的问题
ucharts的地址 https://www.ucharts.cn/v2/#/ 业务场景 用户数量柱状图统计，Y轴不能出现小数的刻度， 需要修改引入的组件文件 uni_modules/qiun-data-charts/js_sdk/u-charts/u-charts.js 第1955行 向上取整 v ......
uniapp-1记
《Vue.js 核心技术解析 与 uni-app 跨平台实战开发》 这本书听、读了2天，收获一般，所以我打算从兴趣点入手。 上面截取了某游戏社交平台的应用操作界面，可以看到它使用的双导航，即在上方有一排： （推荐、影帝赠礼、新闻、更新、活动），默认推荐，而其实这上面这一排也仅仅对应着 下面的tabB ......
uniApp 仿微信下拉菜单
uniApp 仿微信下拉菜单 手指长按事件longpress @longpress="longpress(index,$event)" 下拉菜单 <!-- 长按的下拉菜单 --> <view class="jh-w-200 jh-h-60-min jh-dropDownMenu jh-shadow- ......
uniapp微信小程序表单输入框上移事件
一、问题 uniapp制作的微信小程序表单，在使用真机调试时，点击输入框输入内容时，出现输入框上移的情况 二、找原因 窗体高度固定，导致软键盘弹出时输入框上移 三、解决办法 1、uniapp官网关于软键盘弹出问题的解决方法 在pages.json中配置的写输入框表单的 style "app-plus ......
uniapp小程序小bug，扫码进入小程序场景值为1001的情况之一。
首先，这个问题原因是这样的用户第一次扫码进入小程序在app.vue 的onLaunch下拿不到optiond的query对象的值场景值为1001，按照正常来说扫码进来应该是1047。排查原因只有用户在打开小程序的情况下 没有杀掉进程只是切换页面到微信主页进行扫码进入小程序，结果就会出现扫码进入小程序 ......
将微信小程序源码自动转换为uniapp vue3/vite源码
uniapp目前已经支持vue3语法了，对于想将微信小程序代码迁移到uniapp vue3的小伙伴来说，迁移的工作量无疑是比较大的。本人开发了自动转换工具可以自动实现代码转换，并且保证了可读性。 基本原理： wxml-compiler：wxml → posthtml-parser → AST → t ......
uniapp开发nuve原生瀑布流组件waterfall列表后边出现空白的处理方法
异常描述： 首页有轮播、广告位、瀑布流商品列表，但是使用了原生组件waterfall的商品列表后边出现了大面积空白。 解决方法： 将waterfall放到父容器下边或者直接放到template下边作为父容器，给父容器设置高度设置为窗口高度，除瀑布流展示的列表外，其他的组件都放在中即可。 <templ ......
uniapp做app跳转小程序支付功能
1.app里面代码 app向小程序路径传参的时候，如果太长或者是里面有特殊符号建议先使用编码然后再小程序端解码实现传送（编码代码如下） encodeURIComponent(JSON.stringify(params)) // 编码 JSON.parse(decodeURIComponent(opt ......
uniapp小程序所遇到的bug
最近小程序添加好多条条框框的规矩比如 1、登录的时候要弹出隐私规则的弹窗 2、要使用的api涉及到隐私的一定要在隐私规则里配置，在微信公众平台的设置里，更新隐私规则 3、.如果涉及到手机号登录的小程序，则需要有游客模式，就是不可以在登录的时候向用户获取手机号，要在具体功能的前面获取手机号等隐私，可以 ......
uniapp app横屏竖屏问题导致样式紊乱
最近做了一个点击签名然后要让app自动横屏的功能，此功能难点在于退出横屏的时候，会导致竖屏的页面紊乱。 首先如果要让app横屏，要先在manifest.json的源码视图app-plus里添加"flexible": true,表示app可以横竖切换 然后在想要横屏的页面里加上 onShow() { ......
uniapp-ucloud 数据库里面添加记录
要保持 本地跟云端的表一致。 同步。 还有设置权限 const db = uniCloud.database() const jiemengCollection = db.collection('jiemeng') for (const row of data) { console.log(row) ......
uniapp 动态修改顶部导航栏右侧按钮 titleNView（APP-PLUS、H5）
1 <script> 2 export default { 3 onReady() { 4 // 已渲染 5 var pages = getCurrentPages(); 6 var page = pages[pages.length - 1]; 7 8 // #ifdef H5 9 documen ......
直播网站源码，Canvas实现圆形时间倒计时进度条
直播网站源码，Canvas实现圆形时间倒计时进度条 在开发canvas程序时，我们通常需要准备静态html和需要引用的js文件即可，这次我们使用的静态html模板如下： 1.html页面 <!DOCTYPE html><html> <head> <meta charset="UTF-8" /> <m ......
uniapp 打包缺陷
uniapp 打包时候 会把 所有用到的公共组件和公共封装打包到一起，在首页直接加载，这样会严重影响首屏的显示速度 目前没有找到好的 最小化 分离 首屏依赖的打包方式 考虑可行的方案 1. 写一个webpack插件，通过分析 指定模块的依赖，将模块 和 模块依赖 分别打包 2. 深入 webpack ......
uniapp微信小程序自定义隐私权限弹窗
插件地址：https://ext.dcloud.net.cn/plugin?id=14576#detail 样式小改动 <template> <view class="xh-privacy"> <!-- 默认主题 --> <view :style="'background:'+background+ ......
PowerApps Canvas通过当前审批状态控制只允许审批人编辑
在DetailScreen的OnVisible事件中创建变量varIsApprovalUser判断登录人是否为当前节点的审批人： Set(myself, User());If(!varSelectedParent,UpdateContext({varIsApprovalUser:true}),Swi ......
高性能渲染——详解Html Canvas的优势与性能
本文由葡萄城技术团队原创并首发。转载请注明出处：葡萄城官网，葡萄城为开发者提供专业的开发工具、解决方案和服务，赋能开发者。 一、什么是Canvas 想必学习前端的同学们对Canvas 都不陌生，它是 HTML5 新增的“画布”元素，可以使用JavaScript来绘制图形。 Canvas元素是在HTM ......
uniapp开发编写nvue报警Unhandled error during execution of render function
关键的两行报错如下： [Vue warn]: Unhandled error during execution of render function [Vue warn]: Unhandled error during execution of scheduler flush. This is li ......
p5.js 开发点彩画派的绘画工具
本文简介 点赞 + 关注 + 收藏 = 学会了 这几天在整理书柜时看到这套书，看到梵高，想起他的点彩画。 想到点彩画派，不得不提的一个画家叫乔治·皮埃尔·秀拉。据说梵高也模仿过他的画作。 我引用一下维基百科对点彩画派的解析： 点彩画派（又称点描派；英文：Pointillism）是一种用很粗的彩点堆砌 ......
canvas实现添加水印
canvas添加水印思路 1.在画布上写上水印的名称(时间加上用户名) 2.canvas转化为base64，作为body的背景色 3.优化倾斜度和透明度 4.如果用户去除body的style水印消失 5.鸡肋 MutationObserver 在画布上写上水印的名称 <body> <canvas i ......
Chromium Canvas工作流
blink 中实现了2种 canvas，分别是 blink::HTMLCanvasElement 和 blink::OffscreenCanvas ，前者对应 html/dom 中的 canvas，后者对应 js 中的 OffscrenCanvas。 html canvas 有两种模式，一种是常规模 ......
uniapp实现路由拦截
背景 在APP中，跳转页面需要判断是否有权限跳转，比如是否登录。开发环境是TMUI+VUE3+TS，这难免有一些限制，在网上搜索后，发现简书网站有个博主写的链接正合我意，不过他的是JavaScript+uniapp原生开发，根据我的需求，自己稍微改了些。 0x01 复制代码 简书博客链接：https ......
uniapp项目APP端安卓ios权限检测教程
导语：在 APP 的日常开发过程中，权限检测与授权是不可避免的一项重要的功能，下面就简单介绍一下如何检测和授权的方法。 目录 原理 方法 实战 原理 此授权方法主要是依托于 HTML5 产业联盟的HTML5+规范实现的。 HTML5 产业联盟官网 获取当前操作系统名称 可以使用uni.getSyst ......
用来绘图图形canvas元素的使用
用来绘图图形canvas元素的使用 在html文件中添加一个canvas元素 <canvas id="myCanvas"></canvas> 使用JavaScript获取canvas元素，并获取其2D上下文对象（画笔） const canvas = document.getElementById(' ......
SKU规格-uniapp小程序
<template> <view class="body"> <view class="tablist" v-if="isShow"> <view class="tab" v-for="(Aitem,Aindex) in tablist" :key="Aindex"> <view class="ta ......
Uniapp中弹窗
Uniapp中弹窗 直接上代码 uni.showModal({ title: '提示', content: '这是一个自定义按钮文字的模态对话框', confirmText: '自定义确定', // 自定义确定按钮的文字 cancelText: '自定义取消', // 自定义取消按钮的文字 succ ......
canvas抠取视频绿幕
最近在vue项目中遇到了一个需求就是要展示类似AI 播报的效果，用到了canvas 抠取绿幕视频，不说直接上代码html代码 <!-- 模拟ai播报 --> <video v-if='videoShow' class="noshow" ref="video" id="video" width='38 ......