绘画 海报uniapp canvas
uniapp系列-图文并茂教你配置uniapp开发环境
环境安装 1. 安装 node.js (版本 18+/16+) 在搭建 Vue 开发环境之前，请先下载 node.js。 Node 可从官方网站下载，也可从中文网站下载。根据你的电脑选择 32 位 或 64 位。网站： Node 或者访问 历史版本 查看 node 版本 C:\Users> node ......
uniapp 腾讯地图 实现自定义markers标注
需求：根据不同状态动态展示地图标注 图中的markers标注简称“大耳朵” 大耳朵的两个耳朵展示的是车辆的不同信息 大耳朵中心展示的是状态 技术：uniapp+腾讯地图 代码实现： <map id="myMap" :latitude="latitude" :longitude="longitude" ......
你不知道的CANVAS 性能优化几种方式
你不知道的CANVAS 性能优化几种方式 阿飞 红星美凯龙 3D前端开发工程师 关注他 66 人赞同了该文章 背景 什么是CANVAS? 首先介绍下canvas， 前端的同学可能很熟悉，举个很简单的例子， 平常用的网页截图、H5游戏、前端动效、可视化图表...,都有canvas 的应用场景，我 ......
宝藏AI绘画工具，国内能打开使用Midjourney接口，无限制数量，新手免费体验！
前言 自从AI火了之后，各式各样的 AI 网站和工具层出不穷，像是比较出名的 ChatGPT、Midjourney、Stable Diffusion 等，全网几乎都在聊。 网上超级多的博主打着免费的幌子推荐各种杂七杂八的AI网站，结果都是收费的而且有些还打不开，巨坑！！！ 下面我给大家分享宝藏AI网 ......
几款能容易使用的AI绘画工具
首先介绍一款软件叫做Discord，这是一个非常火爆的社交软件，目前市面上有很多ai绘画工具都可以在在其对应的社区上运行。 Discord | 玩耍聊天的地方这个网站可以访问Discord网页版，也可以下载客户端。之后就可以进行注册和登录。下载后如果进不去可以使用一个叫作watt toolkit的上 ......
解决uniapp button type ts类型冲突问题
安装类型声明文件 npm i -D @dcloudio/types miniprogram-api-typings @uni-helper/uni-app-types @uni-helper/uni-ui-types // tsconfig.json { "compilerOptions": { / ......
uniapp部分浏览器input框设置disabled之后点击事件不生效
给input设置css属性,外边包个盒子抛出点击事件 .disabled { pointer-events: none; } ......
Midjourney vs DALL-E 3 vs Adobe Firefly 绘画AI效果对比
Firefly 和Midjourney的人物造型最逼真，DALL-E 3 的手和手指最为连贯。prompt统一为：Photo of a peaceful family setting inside their home, emphasizing safety and protection. Midj ......
canvas绘制箭头
<!DOCTYPE html> <html> <head> <title>箭头</title> <meta charset="utf-8"> </head> <body style=""> <canvas id="'myCanvas" width="1500" height="2000" ></ca ......
canvas实现星空动画
效果 大概就是星星的运动轨迹是一个椭圆形的面，逆时针旋转，会随机眨眼睛，随机速度，随机运动半径（但是运动轨迹导致椭圆中心的点最密集），不会录制gif，暂不放图 实现 每颗星星都有自己的属性，所以需要封装 export class Star { radius: any w: any h: any ti ......
微软放大招！Bing支持DALL-E3，免费AI绘画等你来体验！
最近 OpenAI 发布了DALL-E3模型，出图效果和Midjourney不相上下，不过要使用它有些门槛，必须是 ChatGPT Plus 账户，而且还要排队，怎么等都等不到，搞得大家都比较焦虑。 不过现在微软在Bing上也支持 DALL-E3 的AI绘画了，而且免费，感兴趣的小伙伴们快来体验吧。 ......
canvas之基础知识学习
1. 介绍 canvas 是 HTML5 新增的标签，用来在网页上绘制图像 3. 基本使用 3.1 创建 canvas 标签 canvas 标签默认为 300 * 150 的行内块元素，大小的设置可以使用 width 和 height 属性设置， 但不能使用 css 控制大小 <canvas id= ......
uniapp小程序实现直播组件live-player全屏问题
<template> <view class="player-content"> <!-- #ifdef APP-PLUS --> <video id="myVideo" :src="srcLink" autoplay controls> <!-- 打开全屏 --> <image class="im ......
uniapp引入iconfont真机nvue不生效（兼容vue）
兼容nvue 1.只能使用text标签<text class="iconfont" style="color: #fff;font-size: 28rpx;"></text> 2.App.vue设置，引入iconfont onLaunch() { // #ifdef APP-PLUS ......
canvas实现睡眠波
成果 产品借鉴（抄袭）了华为运动健康App上对用户睡眠数据的展示，要我们也实现这种效果。App开发的同事虽然做出了一点样子，但是有点小丑，担子落到了web的头上（虽然笔者实现的效果也没有华为的好，但是还看的过去） 分析与实现 图形 图形有点折线图和柱状图结合的意思，但是两者都不是，作为web和小程序 ......
uniapp四种提示框
四种提示框 ①吐司对话框 —— 用于简单的提醒，非重要事件的提示 uni.showToast( {title, icon, duration} ) ②模态对话框 —— 用于严重的提示，甚至必须作出选择的提示 uni.showModal({title, content }) ③加载中对话框 —— 提示 ......
腾讯云COS海报生成配置教程
系统对接了腾讯云COS，生成海报却没有加载图片，还需要做一下的配置哟~ 登录上腾讯云的控制台（https://console.cloud.tencent.com/） 找到【内容分发网络】，在【域名管理】处，点击【添加域名】的按钮 加速区域根据运营的需求进行选择；加速域名这边填写一个二级域名；《源站配 ......
华为云 海报生成 CDN权限配置
在【对象存储服务】中，找到【CDN】选择进入 选择【域名管理】，添加绑定的【CDN域名】并解析好 选择【绑定的CDN域名】的【设置】中，找到【高级配置】 在【HTTP header配置】边，点击【编辑】 添加【access-control-allow-origin】，取值为“*”的权限，即可 ......
uniapp实现页面横屏展示
需求： 正常页面： 在路由处增加字段： "mp-weixin": { "pageOrientation": "landscape" //横屏 } ......
uniapp 点击video全屏播放
话不多说直接上代码 <video :id="item.id" @play="playFullscreen(item.id)" :src="$IMG_URL+item.video"></video> 不要写点击事件@click 不会生效的 要写@play播放事件 以上代码中由于作者需循环渲染video ......
html canvas画图
样例 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>canvas画图</title> <style type="text/css"> canvas { border: 1px solid black; } </style> < ......
uniapp 输入框文本域（uni-easyinput）内容长度限制
问题描述提示：uni-ui 组件库中 uni-easyinput 输入框组件 相关使用问题 在使用 uni-easyinput 组件时，你会发现，默认情况下你输入内容的长度最大是140 原因是，uni-easyinput 组件内封装的 maxlength属性，在不设置的情况下，默认值为140。我们可 ......
uniapp获取已配对蓝牙
//#ifdef APP-PLUS//获取已经连接的蓝牙设备 var main = plus.android.runtimeMainActivity(); var Context = plus.android.importClass("android.content.Context"); var B ......
uniapp获取设备mac地址
//#ifdef APP-PLUS // 获取设备mac地址 var net = plus.android.importClass("java.net.NetworkInterface"); //导入后可以使用new方法创建类的实例对象 var intent = new net(); var wl0 ......
uniapp模仿淘宝商品列表展示
父组件代码： <template> <view class="boxPage"> <scroll-view class="contentBox" :scroll-y="true" :scroll-top="scrollTopPage" :refresher-enabled="true" :refre ......
uniapp iphone 6s获取时间戳失败
上代码 时间格式：2023-10-11 00:00:00 var ms = new Date(item.content.goodsList[0].end_time).getTime() 使用iphone 6s运行获取到的结果是Nan 但是使用iphone 12运行居然正常输出结果 可能6s系统版本太 ......
uniapp 使用z-paging 分页组件 写在头部插槽内的单选按钮无法点击
这个问题是因为组件层级太低 <z-paging ref="paging" v-model="dataList" @query="queryList" auto-show-back-to-top :empty-view-z-index="9999" class="paging"> <view slot ......
前端canvas实现签名功能，可以横屏/竖屏签名
页面展示效果，点保存后生成图片链接 图片链接展示效果 这里只展示了竖屏签名效果，横屏自己粘贴代码测试 css .box {width: 98%;display: flex;flex-direction: column;margin: auto;} .canvasbox {width: 100%;bo ......
web uniapp设置文字点击变色，点击其他的回复原来颜
<view class="filter_line"> <view class="filet_text"> <view v-for="(item,index) in filterList" :key="index" :class="item.order == previous[0].order? 'a ......