绘画 海报uniapp canvas
uniapp实现背景颜色跟随图片主题色变化（多端兼容）
最近做 uniapp 项目时遇到一个需求，要求模仿腾讯视频 app 首页的背景颜色跟随 banner 图片的主题颜色变化，并且还要兼容 H5、APP、微信小程序三端。 由于项目的技术栈为 uniapp，所以以下使用 uni-ui 的组件库作为栗子。 需求分析 腾讯视频 app 效果如下： 从上图看出 ......
uniapp使用uni.uploadFile上传单文件内容
在uniapp中使用文件上传，一般使用uni.uploadFile，下面是一个单文件上传案例 uni.uploadFile({ url: uploadUrl, name: "file", // 上传的file的名称 formData: formData, // 除了文件内容的其他需要formdata ......
uniapp使用富文本组件editor获取不到data内数据的问题
vue2 在使用 uniapp 官方提供的 editor 富文本编辑器组件时，代码需求需要获取到富文本组件内的输入值并通过接口发送给后端，在editorContext.getContents内无论如何都无法将获取到的输入值存入data(){}内，最后通过修改this指向成功获取。 ......
canvas
cdom = document.createElement('canvas'); cdom.width = 200; cdom.height = 50; c2d = cdom.getContext('2d'); c2d.textBaseline = 'top'; c2d.font = "18px ' ......
uniapp的app苹果应用商店上架最简教程
除了测试版本之外，uniapp打包好的ipa文件是无法直接安装在普通用户的手机上面，这是苹果的证书和描述文件的机制的原因。 因此我们需要将打包好的ipa文件上架到苹果应用商店，也就是app store。 下面我整理了一篇全程不需要mac os电脑参与的上架苹果应用商店的教程。 教程的第一步，首先需要 ......
canvas 手写签名 vue3
<canvas ref='canvas' height="360" width="600"></canvas> <div class="signature"> <button class="re-sign" ref="clearBtn">重新签名</button> </div> <script se ......
uniapp和小程序面试题
uniapp进行条件编译的两种方法？小程序端和H5的代表值是什么？ 通过 #ifdef、#ifndef 的方式 H5 ： H5 MP-WEIXIN ： 微信小程序 uniapp的配置文件、入口文件、主组件、页面管理部分 pages.json 配置文件 main.js 入口文件 App.vue 主组件 ......
uniapp页面标题隐藏（page-head）
使用uni-app生成页面时，会发现默认生成的页面是带了导航栏 如果所有页面都不需要这个导航栏了，可以在App.vue的公共样式<style>代码中添加 /* #ifdef H5 */ uni-page-head { display: none; } /* #endif */ 如果只是当前页面不需要 ......
利用腾讯云AI绘画做一个自己的绘画平台
【腾讯云AI绘画】利用腾讯云AI绘画做一个自己的绘画平台 大家好，又和大家见面了，在上一篇文章给大家写了下如何做一个绘画api，感觉还可以继续延伸!所以现在再接再厉，再给大家来一篇，利用腾讯云AI绘画做一个自己的绘画平台，供大家参考和使用。(上一篇文章地址https://cloud.tencent. ......
用PHP搭建一个绘画API
【腾讯云AI绘画】用PHP搭建一个绘画API 大家好！今天我要给大家推荐的是如何用PHP搭建一个绘画API，让你的网站或应用瞬间拥有强大的绘画能力！无论你是想要让用户在网页上绘制自己的创意，还是想要实现自动绘画生成特效，这个API都能满足你的需求！让我们一起来看看吧！ # 一，腾讯云AI绘画 腾讯云 ......
js中用canvas生成固定长宽的图片
js中用canvas生成固定长宽的图片 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1. ......
uniapp-welive仿微信/抖音直播带货|uni-app+vue3+pinia短视频直播商城
基于uniapp+vue3+uv-ui跨端H5+小程序+App短视频+直播带货商城Uniapp-WeLive。 uni-welive一款全新基于uniapp+vue3+pinia+vk-uview等技术跨端仿制抖音/微信直播带货商城项目。支持沉浸式全屏上下滑动短视频直播，Nvue多视频层级覆盖，支持 ......
『UniApp』uni-app-打包成App
前言 大家好，我是 BNTang, 在上一节文章中，我给大家详细的介绍了如何将我开发好的项目打包为微信小程序并且发布到微信小程序商店 趁热打铁，在来一篇文章，给大家详细的介绍如何将项目打包成APP。 正文 打包 App 也是一样的，首先需要配置关于 App 应用的基础信息，打开 manifest.j ......
Python绘画-红太狼是怎样炼成的
红太狼简介 红太狼是狼堡的持有人，出身富裕世家，傲娇暴力女，虽然身为大小姐，但是懂得料理和家务。因为要独自照顾老公灰太狼，所以平时都摆出一副家主的气势。表面上经常用平底锅砸灰太狼，也抱怨灰太狼不如其他狼（尤其是初恋情人小白狼）混得好，但内心其实是很爱灰太狼的，常常安慰在羊村战役中落败的丈夫。 在《喜 ......
uniapp 的一键登陆
anifest.json 中的 "sdkConfigs" 配置，删除一键登录 univerify uni.login({ provider: 'univerify', univerifyStyle: { fullScreen: true } }) ......
【UniApp】-uni-app-打包成小程序
前言 大家好，我是 BNTang, 在上一节文章中，我给大家详细的介绍了如何将我开发好的项目打包为网页。 趁热打铁，在来一篇文章，给大家详细的介绍如何将项目打包为小程序。 正文 打开微信小程序呢，其实还是需要进行一些相关的配置的 首先打开微信小程序的配置页面找到 manifest.json 文件 打 ......
【泰裤辣 の Unity百宝箱】Canvas组件四件套讲解
【泰裤辣 の Unity百宝箱】Canvas组件四件套讲解 原创 打工人小棋 打工人小棋 2023-05-16 13:24 发表于广东 1. 介绍 在上一期内容中，我分享了一套简单易用的UI框架。没想到大家的学习热情这么高，讨论度是目前所有内容最高的。 由此可见，天下苦UI(秦)久已！！！ 接下去， ......
在nodejs环境里使用canvas和sharp生成图片
1.安装依赖包 npm install jsdom canvas 2.实例代码 const {JSDOM} = require('jsdom'); const {createCanvas} = require('canvas'); // 创建一个虚拟DOM环境 const dom = new JSD ......
Krita+comfyUI实时绘画
Krita+comfyUI实时绘画 Krita是一款专业的数字绘画软件，而comfyUI可能是Krita的一个自定义用户界面插件或者设置，旨在提供更加舒适和个性化的用户体验。 实时绘画技术主要是指在数字绘画软件中，你的笔触能够实时地显示在画布上，就像在纸上绘画一样。Krita本身就支持这项技术，它的 ......
【UniApp】-uni-app-打包成网页
前言 经过上一篇文章的介绍，已经将这个计算器的计算功能实现了，接下来就是我们项目当中的一个发包上线阶段，我模拟一下，目的就是为了给大家介绍一下，uni-app是如何打包成网页的。 除了可以打包成网页，uni-app还可以打包成小程序、App、H5、快应用等等，后面在单独开文章详细介绍。 正文 接着上 ......
uniapp,微信小程序分享页面时的标题和内容
在UniApp小程序中，分享时的标题通常是在分享内容中指定的。您可以在调用分享API时设置标题，具体取决于您使用的平台。 对于微信小程序，您可以使用wx.shareAppMessage方法来分享内容。在分享的数据中，可以设置title字段来指定分享的标题。例如： javascript复制代码 wx. ......
Uniapp的android版本的证书制作
一、查看Java安装路径 java -XshowSettings:properties -version 二，生成证书指令 Enter keystore password: //输入证书文件密码，输入完成回车 Re-enter new password: //再次输入证书文件密码，输入完成回车 Wh ......
uniapp之uni.showModal 弹出多次导致重叠问题
uniapp之uni.showModal 弹出多次导致重叠问题 场景： 端口权限过期后提示权限过期。但是同时调用多个接口导致多次报错弹窗。 代码： if (code && code == 401) { let exists = uni.getStorageSync('token_expired') ......
【UniApp】-uni-app-项目计算功能(苹果计算器)
前言 本文主要介绍苹果计算器项目中计算功能的实现 在前面的文章中已经实现了输入，动态计算字体大小，以及计算器的布局 本文主要介绍计算功能的实现 正文 实现/清空/改变正负/除以100 inputText 已经实现了，接下来实现 operator 的功能，operator 方法在之前的文章中已经定义好 ......
Uniapp判断运行环境，小程序-公众号-H5-APP
直接上代码 // #ifdef H5 var app_type = this.isWeiXin() ? 'wechat' : 'h5'; var app_type_name = this.isWeiXin() ? '微信公众号' : 'H5'; // #endif // #ifdef MP-WEIX ......
uniapp 微信支付，小程序支付，支付宝支付问题汇总
背景介绍 uni-app 可以转微信小程序或直接打包 APP ，支付模块使用统一方法 uni.requestPayment 但是不同平台参数不同容易出现混淆错乱。 相关网站 uni-app 统一支付： https://uniapp.dcloud.net.cn/api/plugins/payment. ......
uniapp开发——打包安装后打开应用提示“当前应用运行在自定义基座中，发布正式版请打包时不要勾选自定义调试基座”
Android Studio项目目录中，找到app/src/main/assets/data/dcloud_error.html,把syncDebug的值改为true就可以了 ......
【UniApp】-uni-app-动态计算字体大小(苹果计算器)
前言 本文主要介绍uni-app中动态计算字体大小的方法 原因呢就是在上一篇文章当中我发现输入的内容已经超过了展示区域 于是我就想到了动态计算字体大小的方法，这样就可以保证输入的内容不会超过展示区域 正文 首先要改造的是 style="font-size: 180rpx;" 这里不能直接写死，而是要 ......