绘画 海报uniapp canvas
uniapp使用高德地图注意事项
1、获取定位信息需要连接网络 2、map 组件使用的经纬度是国测局坐标，调用 uni.getLocation 接口需要指定 type 为 gcj02 3、H5 端获取定位信息，需要部署在 https 服务上，本地预览（localhost）仍然可以使用 http 协议。 ......
小程序中 canvas 的图片不支持 base64 格式
首先使用 wx.base64ToArrayBuffer 将 base64 数据转换为 ArrayBuffer 数据，使用FileSystemManager.writeFile 将 ArrayBuffer 数据写为本地用户路径的二进制图片文件，此时的图片文件路径在 wx.env.USER_DATA_P ......
直播系统代码，实现Uniapp中的自定义按钮跳转
直播系统代码，实现Uniapp中的自定义按钮跳转 在index页面中，我们需要添加两个自定义按钮，分别为“跳转到page1页面”和“跳转到page2页面”。具体代码如下： <template> <view class="container"> <view class="btns"> <view cl ......
Canvas优化
UGUI会自动合并批次，原理是他会吧一个Canvas下的所有元素合并到一个Mash里。如果Canvas下的元素很多，任意一个元素发生位置、大小的改变，就需要重新合并所有元素的Mash。如果元素非常多的话，就可能会造成卡顿。 ......
uniapp 引入非模块化js
uniapp开发的H5,引入第三方的非模块化.js文件，如self.js，就是纯js文件，没有module.exports暴露出来成为一个对象， 这种放在common文件夹下，引入会提示找不到，这时候应该把该 self.js放在static文件夹下， uniapp发行H5时static文件下的内容不 ......
uniapp分页请求
<template> <view> 循环请求的数据 </view> <view> {{ isLoading ? 加载中...' : '没有更多了' }} </view> </template> export default { data(){ return{ dataForm:[ ],//分页数据 ......
uniapp 消息推送
###1.前言 - 作为一个非原生App的开发者，对于手机系统的推送机制了解是是非有限的，只有了解清楚这些机制，后期的开发才会少踩很多坑，本文将对推送机制逻辑进行一个简单的梳理与记录 ###2.推送流程 - 推送流程1.0：后台服务器 -> 推送服务器（第三方） -> 手机App - 推送流程2.0 ......
2023-06-29 uniapp之android端在v-else条件下会显示undefined
前言：业务需求，v-if显示内容，v-else不显示内容，在h5端显示正常，小程序端未测，app端v-else的时候显示了一个undefined。 猜测：理论上来说，v-else符合条件了就不会显示内容呀，可能是各个平台对vue或者uniapp的兼容性导致的。 原因：v-else代码里的一个变量确实 ......
uniapp学习(一)
【新课uniapp零基础入门到项目打包（微信小程序/H5/vue/安卓apk）全掌握】 https://www.bilibili.com/video/BV1mT411K7nW/?p=24&share_source=copy_web&vd_source=03c1dc52eeb3747825ecad04 ......
【前端可视化】Canvas 下载图片添加背景色因为缩放导致比例不同问题
比例不同是因为缩放导致的，缩放导致绘图中心发生改变，我们需要把填充的背景色的范围扩大（根据缩放比例来），同时背景色要绘制在现有画布的后面，防止重叠遮挡。 感觉一个小下载，需要注意的事项还是挺多的，记录下，希望能帮助到其他人，里面的一些 API 请参考 MDN 文档。 下面的参考代码，自己根据自己实际 ......
AI绘画StableDiffusion：云端在线版免费使用笔记分享-Kaggle版
玩AI绘画（SD），自己电脑配置不够？今天给大家介绍一下如何baipiao在线版AI绘画StableDiffusion。 Kaggle 是世界上最大的数据科学社区，拥有强大的工具和资源，可帮助您实现数据科学目标。（每周可以免费使用30个小时）。 文末有更多相关AI资源。 文章较长，可阅读原文享F受更 ......
在element-ui视频上传使用canvas截取视频帧数，并且转为视频封面。
<el-upload :http-request="getFile"//自定义上传 action :on-change="handleFileChange"//监听文件上传 ref="upload" accept="video/*"//定义格式为视频 > <el-button icon="el-ic ......
【前端可视化】Canvas 绘制图层覆盖了怎么办？
`ctx.globalCompositeOperation = 'destination-over';` >Canvas 2D API 的 CanvasRenderingContext2D.globalCompositeOperation 属性设置要在绘制新形状时应用的合成操作的类型，其中 type ......
uniapp代码片段
{ "Print to console": { "prefix": "uni", //写成自己满意的前缀(name) "body": [ "<template>", " <view>$0</view>", "</template>", "", "<script>", "export default ......
node服务端项目jsdom+canvas问题整理：
用node写个后端服务，node版本是16.13.1，用了jsdom插件和canvas。需要注意的是，使用jsdom之后同时使用canvas需要额外下载canvas插件（如果有需要的话），官网有介绍【https://github.com/jsdom/jsdom#canvas-support】。 问题 ......
AI绘画关键词Prompt：分享一些质量比较高的StableDiffusion(SD)关键词网站
**今天向大家推荐一些SD（StableDiffusion）高质量的** **关键词** **网站。这些网站的质量可靠，能为大家在创建** **AI** **绘画时提供有效的参考。以下是六个推荐的网站，优缺点分析。** **有几个质量还算是挺高的。大家可以参考一下结合使用~** 1. 网站链接：ht ......
Uniapp下GoEasy通知栏推送不工作问题排查记录
我们是uniapp开发的app，项目中的系统消息推送使用的是GoEasy Websocket 实时推送，上线一段时间后，客户反馈说，当app没有在前台运行时也需要想办法通知用户一些重要的系统通知。那么此时通知栏推送就需要集成了。集成通知栏推送很麻烦，国内一些公司做了一些插件来帮我们打通app跟厂商之 ......
uniapp,微信小程序点击按钮打开地图进行导航
uniapp示例： <view class="order-contact-item" style="width:50%;text-align: center;" @tap="openMapNavigation">导航商家</view> //js函数打开导航 openMapNavigation() { ......
2023-06-27 uniapp项目之小程序端无法显示图标，h5端能正常显示
原因：不能显示的图片标签为uview-ui的u-image，它没有高度只有宽度，所以撑不起一张图片。 解决方案：给u-image添加高度。注意要按照这种格式写： <u-image width="60rpx" height="60rpx" /> 而下面这种行内样式是不生效的，具体为什么我也不知道~ < ......
在线直播系统源码，uniapp滚动加载
在线直播系统源码，uniapp滚动加载 声明submitDate对象用来存放接口需要的具体参数，其中page和limit为查询页数和每页查询数据，total为记录数据总条数,pageList存放页面数据。 data() {return { pageList:[],//列表数据submitDate: ......
2023-06-27 uniapp之h5端之hbuilderx显示错误未修改，但vscode里已修改
hbuilderx抛出一个错误，注释掉对应的一行代码就应该没事了，但是还是显示原来的错误，就好像没修改到一样；我是用hbuilderx来运行uni项目到h5端的，然后用vscode来修改代码； 我在hbuilderx打开对应的文件查看，结果在hbuilderx里面显示是没修改，真是奇了怪了，vsco ......
uniapp-chatgpt跨端仿ChatGPT实例|uniapp+vue3+pinia多端聊天模板
基于uniapp+vite4+pinia跨多端实现chatgpt会话模板Uniapp-ChatGPT。 uni-chatgpt 使用uni-app+vite4+vue3+pinia+uview-plus等技术构建多端仿制ChatGPT手机端APP会话应用模板。支持编译到h5+小程序+APP端，支持渲 ......
2023-06-26 uniapp之小程序分包无效 subPackages为空
前言：小程序分包，设置好路径后发现打包后的app.josn文件（unpackage\dist\dev\mp-weixin）中的subPackages还是为空? 原因：subPackages写法有误，仔细对比了一下，发现subPackages应为数组而不是对象。 "subPackages": { "r ......
h5-vue-uniapp-节流防抖共通方案
参考：https://juejin.cn/post/6959161295358656520 描述：防止C端客户重复点击付款按钮而导致两次调起后台付款API 建议使用： ``` /* func：要进行防抖处理的函数 delay：要进行延时的时间 immediate：是否使用立即执行 true立即执行 ......
JavaScript、vue、uniapp如何获取本周开始时间和结束时间？
``` //获得本周的开始时间： getStartDayOfWeek(time) { let now = new Date(time); // 当前日期 let nowDayOfWeek = now.getDay(); // 今天本周的第几天 let day = nowDayOfWeek || 7; ......
uniapp微信小程序转支付宝小程序踩坑（持续更新）
首先第一个，真有被折磨到！ // 微信正常使用，支付宝不行 <image src="https://static.dabapiao.com/images/coupon-index.png" mode=""/> // 以下两种 微信、支付宝都正常使用 <image src="https://stati ......
AI绘画：切换黑色风格，安装更棒的主题！
从Stable Diffusion 出现的第一天起，我就开始关注这个项目，后来也出过几期教程。 一直以来都是只追求功能实现，不管界面的问题。现在我突然想要换一个帅气的主题了…就是这么突然！ 默认的白色主题太….普通…既没有设计感啊，又不GEEK！ 下面通过两种方式，来让界面焕然一新。 1.启用自带黑 ......
AI绘画：Roop插件的使用详解！
roop插件有哪些特性，如果安装，已经在上一篇讲的非常详细了。不知道你们装得怎么样了？ 今天，来详细的说一说roop插件的使用。 首先呢启动我们的Stable-Diffusion-WebUI，然后确保插件已经启用！ 选择好模型，查看插件情况，一切准备就绪就可以进入下一步。 Roop的插件使用 ......
AI绘画：Roop插件的特性与安装！
交叉”学科”来了！ 我们之前讲过可以实现单图换脸的Roop，也讲过可以通过文字描述画画的项目Stable-Diffusion-WebUI。现在这两者要通过sd-webui-roop产生交汇。 我们先来简单的看一下这个插件可以干什么！ 功能特点 根据项目作者的说法，这个插件基于roop，但是进行了重构 ......