绘画 海报uniapp canvas
AI绘画：StableDiffusion实操教程-斗罗大陆-朱竹清（附高清图下载）
大家好，我是小梦，最近一直研究AI绘画。 不久前，我与大家分享了StableDiffusion的全面教程：“AI绘画：Stable Diffusion 终极宝典：从入门到精通 ” 然而，仍有些读者提出，虽然他们已经成功地安装了此工具，但生成的作品与我展示的相差较大。那么，如何缩小这之间的质感差距呢？ ......
uniapp在h5调试跨域问题
在manifest.json 中 h5里 加 "devServer": { "proxy": { "/webadmin": {//接口包含的路径 "target": "http://221.0.82/",//接口地址ip或域名 "changeOrigin": true, "ws":true } } ......
AI绘画：StableDiffusion实操教程-斗破苍穹-云韵-婚服（附高清图下载）
大家好，我是小梦，最近一直研究AI绘画。 不久前，我与大家分享了StableDiffusion的全面教程：“AI绘画：Stable Diffusion 终极宝典：从入门到精通 ” 然而，仍有些读者提出，虽然他们已经成功地安装了此工具，但生成的作品与我展示的相差较大。那么，如何缩小这之间的质感差距呢？ ......
2023-09-11 uniapp小程序之拷贝带中文的代码过来后该中文显示为乱码 ==》 以指定编码重新打开 or notepad++转码
第一个方法，打开hbuilder x工具，找到文件==》以指定编码重新打开==》选择UTF-8，然后重新编译项目； 上面的方法行不通，则采用第二种： 使用notepad++工具，打开乱码的文件，然后在工具中选择【编码】，再选择【转为UTF-8】，保存，再重新编译即可。 ......
如何使用Vite创建Vue3的uniapp项目
项目结构 my-vue3-project ├─ .env //默认环境变量 ├─ .env.development //开发环境变量 ├─ .eslintrc-auto-import.json //（autoimport变量，eslint配置）由auto-import插件生成 ├─ .eslintr ......
AI绘画：Midjourney超详细教程Al表情包超简单制作，内附关键词和变现方式
大家好，本篇文章主要介绍AI绘画完成表情包的制作和变现方式分享。 你还不会AI表情包制作吗？下面我们详细的拆解制作过程。跟着这个教程做出一套属于自己的表情包。 核心工具Midjourney + PS，你就可以得到一套自己的专属表情包啦~ 整体制作过程 大概的制作过程如下： 如果你也是做动画风格的表情 ......
canvas+js接金币小游戏
忙里偷闲，让UI小伙伴帮忙搞了几个图片元素，利用飞机大战代码进行修改，做个接金币小游戏～ var canvas = document.getElementById("canvas"); var context = canvas.getContext("2d"); var imgWidth = win ......
HTML5 Canvas 数据持久化存储之属性列表
正常我们设置属性的时候，属性和属性值的 key value 对应，但是在实际开发中，经常遇到属性值可能需要从多项中选择，这个时候用原生的 HTML5 配合 JavaScript 来实现这个功能会让人非常头疼，我试着用 HT for Web 来实现了这个功能，感觉整体实践起来还是比较容易的，所以在这边 ......
UniApp是一款基于Vue.js开发框架的多端应用开发工具
UniApp是一款基于Vue.js开发框架的多端应用开发工具，它的目标是使开发者能在一次编写的代码基础上同时在多个平台上运行，包括iOS、Android、H5、小程序等。UniApp的出现极大地提升了开发效率和用户体验，下面通过一个具体的案例来介绍UniApp的强大功能。 以某家锁具品牌“”为例，月 ......
AI绘画：StableDiffusion实操教程-诛仙-碧瑶（附高清图下载）
前段时间我分享了StableDiffusion的非常完整的教程：“AI绘画：Stable Diffusion 终极宝典：从入门到精通 ” 不久前，我与大家分享了StableDiffusion的全面教程：“AI绘画：Stable Diffusion 终极宝典：从入门到精通”。然而，仍有些读者提出，虽然 ......
uniapp项目实践总结(十四)封装存储和路由方法
导语：在日常 APP 开发过程中，经常要用到数据的存储、获取和删除等操作以及页面导航之间的跳转，为此，封装了一个两个简单的方法来统一调用。 目录 原理分析 方法实现 实战演练 案例展示 原理分析 主要是以下 API。 uni.setStorage：保存数据到本地缓存中； uni.getStorage ......
AI绘画：StableDiffusion实操教程-斗破苍穹-云韵-常服（附高清图下载）
前段时间我分享了StableDiffusion的非常完整的教程：“AI绘画：Stable Diffusion 终极宝典：从入门到精通 ” 不久前，我与大家分享了StableDiffusion的全面教程：“AI绘画：Stable Diffusion 终极宝典：从入门到精通”。然而，仍有些读者提出，虽然 ......
uniapp中的持久化，状态管理 Pinia
Pinia 是一个用于 Vue.js 的状态管理库，是 Vue 的存储库，它允许您跨组件提供了更简单、直观的 API，适用于管理和共享应用程序的状态, Pinia 和 Vuex 都是流行的 Vue.js 状态管理库，它们都有自己的优点和适用场景。下面是对 Pinia 和 Vuex 的简要比较： 方便 ......
2023-09-09 微信小程序之引入uni_modules过多插件导致主包体积过大如何解决 ==》hbuilderx--发行--小程序-微信（仅适用于uniapp）
前言：uni_modules里面的插件会全部打包在主包里，分包如果都是引用了uni_modules的插件，那么会导致包体积越来越大。 我的项目主要用到一些组件库，如uview，对这个库的依赖太严重了，加上是把2个小程序融合到一起，所以对这个库的依赖就会变得更多。 解决方案：你的小程序是用uniapp ......
uniapp 子页面 滚动监听 是否到底
主要属性： handleScrollToLower <template> <view class="menu"> <scroll-view id="scrollContainer" class="scroll" scroll-y @scrolltolower="handleScrollToLower ......
canvas人机对战的五子棋，休闲一下
canvas画布，还是一个比较令人头疼的东西，由于自己用得少，所以觉得还很欠缺，偶然间看到人家写的五子棋，便也顺便学习一下，写个试试，全当练练手，顺便记录一下。 1、先创建canvas，画个棋盘 var context = chess.getContext('2d'); context.stroke ......
uniapp项目实践总结(十三)封装文件操作方法
> 导语：在日常 APP 开发过程中，经常要进行文件的保存、读取列表以及查看和删除文件等操作，接下来就看一下具体的方法。 ## 目录 - 原理分析 - 方法实现 - 实战演练 - 案例展示 ## 原理分析 主要是以下 API。 - `uni.saveFile`：保存文件到本地缓存列表； - `uni ......
Canvas给图片改色,返回base64的图片
vue文件中创建canvas <!-- 落图图片改色 --> <canvas id="mycanvas"></canvas> 创建changeImgColor.js文件 let ctx = null; let canvas = null; let base64Info = null; export ......
vue + canvas 实现九宮格手势解锁器
此篇文章用于记录柏成从零开发一个canvas九宮格手势解锁器的历程。我们基于 canvas 实现了一款简单的九宫格手势解锁器，用户可以通过在九宫格中绘制特定的手势来解锁。 ......
uniapp项目实践总结(十二)封装通用请求上传以及下载方法
> 导语：在日常开发过程中，前端经常要和后端进行接口联调，获取并且渲染数据到页面中，接下来就总结一下 uniapp 中获取请求、文件下载和上传的一些方法。 ## 目录 - 原理分析 - 方法实现 - 实战演练 - 案例展示 ## 原理分析 主要是使用`uni.request`方法来发送请求，`uni ......
Uniapp生命周期
# Uniapp 页面&组件生命周期 ## 页面的生命周期 uni-app 支持如下生命周期函数： onLoad 监听页面加载，其参数为上个页面传递的数据，参数类型为object（用于页面传参） onShow 监听页面显示 onReady 监听页面初次渲染完成 onHide 监听页面隐藏 onUnl ......
uniapp的开发
uniapp的开发发初期，我都是模拟相应的模板进行处理的，自己写样式基本上都会变形，在这里再说一下，css我是真的弱啊 做了一个登陆之后，发现还不错，不得不承认真的很简单 然后就是今天客户那国忽然说是项目不做了，晕~~老客户了，去拜访一下看看为啥，是不是时间还是太长了 不过就算不做，我也进步了很多， ......
在Canvas上进行文本输入及其它html元素操作
## 问题 `使用canvas绘制了一个表格，想要在上面进行编辑操作，但canvas并不支持修改操作` ## 思路 `通过给html元素设置绝对定位，遮盖canvas上的指定位置，所有编辑操作都在元素上进行，也可以将元素的值绘制到canvas上，示例demo如下：` 点击查看代码 ``` 编辑 取消 ......
uniapp 开发安卓/ios文件读写
利用5+app native.js io文件管理模块 ``` 1.新建js文件 // 文件写入 export const writeFileIos = function(filename, data) { plus.io.requestFileSystem( plus.io.PUBLIC_DOCUM ......
uniapp 选择地图应用
export function toMapAPP(latitude,longitude,name) { let url = ""; if (plus.os.name == "Android") { //判断是安卓端 plus.nativeUI.actionSheet({ //选择菜单 title: ......
Stable Diffusion WebUI插件：StyleSelectorXL 之七十七种绘画风格任君选择
本文给大家分享一个应用于 SDXL 的新插件：StyleSelectorXL。通过在UI界面上简单的选择，我们就可以生成多种多样的风格图片，如动漫、水彩、平面、3D、线稿、涂鸦、剪纸、朋克、童话等等。 基本介绍 用过 SDXL 的同学，应该能切身感受到其出图质量相比之前的 SD 1.5、2.x 等版 ......
uniapp项目实践总结(十一)自定义网络检测组件
> 导语：很多时候手机设备会突然没网,这时候就需要一个网络检测组件,在没网的时候显示提示用户,提供用户体验。 ## 目录 - 准备工作 - 原理分析 - 组件实现 - 实战演练 - 案例展示 ## 准备工作 - 在`components`新建一个`q-online`文件夹，并新建一个`q-onlin ......
vue 生成海报并下载
用到插件 vue-canvas-poster 具体的使用方法： html: <vue-canvas-poster :widthPixels="0" :painting="painting" @success="success" @fail="fail" ></vue-canvas-poster> < ......
借助html2canvas下载图片，有滚动条的情况显示不全的问题
我自己的遇到的情况是将页面的一个小窗口里边的内容生成图片下载， 试了网上搜到的几个方法都没有生效， 最后自己用了个取巧的方法：通过调整overflow-y来解决这个问题。 downloadItem() { const targetDom = document.getElementById(`imag ......