绘画 海报uniapp canvas
uniapp 之h5修改全局滚动条(浏览器下滑有小矩形滚动条)
在index.html文件里 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, user-scalable=no ......
uniapp 自动升级机能
背景 用uniapp做一个app，用离线（即原生框架）进行打包，想实现版本自动升级的功能 环境 安卓手机，安卓pad 方法1:用 uni.downloadFile方法下载到本地之后进行更新 uni.downloadFile({ url: "https://XXXXX/xxxx.apk", succe ......
前端vue uni-app自定义精美海报生成组件
在当前技术飞速发展的时代，软件开发的复杂度也在不断提高。传统的开发方式往往将一个系统做成整块应用，一个小的改动或者一个小功能的增加都可能引起整体逻辑的修改，从而造成牵一发而动全身的情况。为了解决这个问题，组件化开发逐渐成为了一种趋势。通过组件化开发，我们可以实现单独开发、单独维护，并且组件之间可以随 ......
Canvas好难，如何让研发低成本实现Web端流程图设计功能
摘要：本文由葡萄城技术团队于博客园原创并首发。转载请注明出处：[葡萄城官网](https://www.grapecity.com.cn/)，葡萄城为开发者提供专业的开发工具、解决方案和服务，赋能开发者。 # 前言 相信大家在职场中经常会用到流程图，在互联网行业，绘制流程图不论在产品的设计阶段，还是后 ......
canvas实现视频播放并支持自动播放
背景： 在工作中很多时候会遇到大屏首页需要酷炫的动态背景，很多时候酷炫的动效用css和js比较难于实现。此时就会产生两种方案，第一种是采用gif，第二种会采用video方案。 但是第一种方案有时候导出的 gif 图片往往会比较大，在首屏加载有时候会不太理想，资源比较大在加载时会出现一卡一卡的现象，体 ......
AI绘画| 迪士尼风格｜可爱头像【附Midjourney提示词】
# **Midjourney案例分享** # 图片预览 迪士尼风格｜可爱头像 高清原图及关键词Prompt已经放在文末网盘，需要的自取  来绘制图形的 HTML 元素。 本人遍历了以下两份文档，学习完就相当于有了笔和纸，至于最后能画出什么，则需要在 canvas 应用方面进一步学习。 MDN 的 Canvas ......
uniapp 禁止软件盘弹出
<script module="input" lang="renderjs"> export default { mounted() { this.$el.querySelector('input').setAttribute('inputmode', 'none') } } </script> ......
[问题记录] html2canvas导出空白PDF(canvas.toDataURL返回data,)
描述： 前端使用pdfjs加载PDF，转换为canvas ，但是当PDF页数过多时，html2canvas 导出空白 PDF。 因为浏览器对canvas大小有限制，所以当canvas超出限制后，canvas.toDataURL就会返回data,. 类似于空数据。 使用pdfjs加载PDF时，是将每一 ......
uniapp将时间戳转化为时间格式
import Vue from 'vue' // 时间戳——日期格式Vue.filter("formatDate",(data,type)=>{ if (!data) { return '- -' } data = String(data).length <= 10 ? data * 1000 : ......
canvas常用操作方法
base64转换Blob数据 function dataURLtoBlob(dataurl: string) { var arr = dataurl.split(','), mime = arr[0].match(/:(.*?);/)[1], bstr = atob(arr[1]), n = bst ......
2023-07-31 在uniapp使用canvas绘制一个圆角为50%的图片【代码来自chatGpt，稍作修改】
<template> <view> <canvas id="myCanvas" :style="{ width: '200px', height: '200px' }"></canvas> </view> </template> <script> export default { onReady() ......
2023-07-31 uniapp用canvas绘制图片时报错：getImageInfo:fail invalid ==》图片加载失败，请使用不受保护的图片路径
methods: { drawPoster() { const ctx = uni.createCanvasContext('canvas', this); // 设置字体样式 ctx.setFontSize(20); ctx.setTextAlign('center'); ctx.setTextB ......
uniapp之微信小程序打包上线
# 前言 本文旨在打通`uniapp`上线微信小程序之任督二脉，其实之前在`uniapp专题学习`中已经打包过一次。这一次算是复习，复习的同时也以博客的方式记录一下。😎 # 预准备 首先进入[微信公众平台](https://mp.weixin.qq.com/)，注册自己的微信小程序，完成个人信息配 ......
uniapp Ucharts 横向bar图 每个设置颜色不同
代码 》》》 arr = [80,80,80]let valueList = arr.map((item, index) => { let color = '' let newNumber = Number(item) if (index == 0) color = '#5593FE' if (in ......
uniapp 移动端axisLabel 设置formatter无效的解决方法
pc端是直接在option里配置 移动端在renderjs里的监听变化的时候去设置 updateEcharts(newValue, oldValue, ownerInstance, instance) { // 监听 service 层数据变更 try { newValue.xAxis.axisLa ......
uniapp中使用i18n
1.安装vue-i18n 2.根目录下新建locale文件夹，创建index.js import { createI18n } from 'vue-i18n' import en from './en.json' //locale文件夹下的英文配置 import zh from './zh.json ......
uniapp+vue3+ts 使用pinia报错
"hasInjectionContext" is not exported by "node_modules/vue-demi/lib/index.mjs", imported by "node_modules/pinia/dist/pinia.mjs". 11:36:19.397 at ../no ......
HTML5/CSS3学习——Canvas使用
什么是 Canvas？ HTML5 的 Canvas 元素使用 JavaScript 在网页上绘制图像。 画布是一个矩形区域，你可以控制其每一像素。 canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。 创建 Canvas 元素 向 HTML5 页面添加 Canvas 元素。 规定元 ......
AI绘画StableDiffusion实操教程：可爱头像奶茶小女孩(附高清图片)
本教程收集于：[AIGC从入门到精通教程汇总](https://y3if3fk7ce.feishu.cn/docx/QBqwdyde7omVf4x69paconlgnAc) 今天继续分享AI绘画实操教程，如何用lora包生成超可爱头像奶茶小女孩 放大高清图已放到教程包内，需要的可以自取。 欢迎来到我 ......
鼠标 canvas动画
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< ......
uniapp调用js文件里面的函数
例如：common.js里面的内容： /** * 退出登录 */export function exitLogin() { console.log('退出登录233') uni.setStorageSync('token',''); uni.setStorageSync('userInfo','') ......
fastposter v2.16.0 让海报开发更简单
## fastposter v2.16.0 让海报开发更简单 🔥🔥🔥 fastposter海报生成器是一款快速开发海报的工具。只需上传一张背景图，在对应的位置放上组件（`文字`、`图片`、`二维🐴`、`头像`） 点击`代码`直接生成各种语言SDK的调用代码，方便快速开发。 现已服务众多电商类 ......
uniapp 使用this指针无法修改data变量的问题
原代码： Sex() { console.log(this); uni.showActionSheet({ title:"选择性别", itemList: ['男','女'], itemColor: "#55aaff", success(res) { const n=res.tapIndex+1; ......
记录--canvas基础操作
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 1. 以下是一些有关使用Canvas的技巧： 绘制基本形状：Canvas可以用于绘制各种基本形状，如矩形、圆形、线条等。使用 fillRect() 方法绘制矩形，使用 arc() 方法绘制圆形，使用 lineTo() 方法绘制线条等。 绘 ......
uniapp—— request 封装
1.创建request.js uniapi(function_name, obj) { return new Promise((resole, reject)=>{ uni[function_name]({ ...obj, success: res => resole(res), fail:res= ......
AI绘画StableDiffusion实操教程：月光下的美人(含高清图片)
本教程收集于：[AIGC从入门到精通教程汇总](https://y3if3fk7ce.feishu.cn/docx/QBqwdyde7omVf4x69paconlgnAc) 今天继续分享AI绘画实操教程，如何用lora包生成超真实好看质感超强的人物图片。 放大高清图已放到教程包内，需要的可以自取。 ......
uniapp webview 与vue2页面双向通信
一、准备工作 uniapp: //建立工程，创建显示的页面 <web-view src="http://192.168.0.58:8080" @message="handlePostMessage"></web-view> vue: 安装webview用到的依赖 yarn add @dcloudio ......
uniapp,打开安卓系统设置的应用信息页面或者耗电详情页面（用于用户手动设置后台启动）
openSettings() { var main = plus.android.runtimeMainActivity(); // var pkName = main.getPackageName();//获取包名 // var uid = main.getApplicationInfo().pl ......