html2canvas 2canvas页面canvas
html/css让底部在页面最下面
html { position: relative; min-height: 100%;}body { <!-- 你底部div的高度 --> margin-bottom: 100px;}footer { position: absolute; bottom: 0; width: 100%; <!-- ......
【UniApp】-uni-app-项目实战页面布局(苹果计算器)
前言 经过前面的文章介绍，基本上 UniApp 的内容就介绍完毕了 那么从本文开始，我们就开始进行一个项目的实战 这次做的项目是苹果计算器，这个项目的难度不是很大，但是也不是很简单，适合练手 创建项目 打开 HBuilderX，点击左上角 文件 -> 新建 -> 项目： 搭建基本布局 项目创建完毕之 ......
chrome://inspect/#devices调试方法及页面白屏解决
1.数据线链接电脑，如果没有数据线，安卓调试可以通过Android Studio 使用WIFI连接手机调试 2.电脑打开链接 chrome://inspect/#devices会看到如下界面 如果Remote Target这块没有出现手机的链接，需要在手机上打开开发者模式 3.打开开发者模式，华为手 ......
keycloak~从login-status-iframe页面总结如何跨域传值
login-status-iframe.html是keycloak为我们提供的一种检测用户登录状态的页面，它要求用户对接的系统通过iframe进行嵌入，然后通过window.addEventListener去订阅子页面的信息。 提示： 所有 HTML DOM 事件，可以查看我们完整的https:// ......
博客园美化页面(用于笔记)
记录一下博客园美化页面.(皮肤为Geek) 1.打开博客后台->设置 2.设置博客皮肤为 "Custom" 3.勾选禁用默认CSS样式 5.添加加载动画 a.复制如下代码粘贴到【页首 HTML】 <div id="loading"><div class="loader-inner"></div></ ......
使用Docker和Nginx部署单页面应用
使用Docker和Nginx部署单页面应用 一、简介 1.背景 Docker 是一个容器引擎，它使用 Linux 内核功能（如命名空间和控制组）在操作系统之上创建容器 Docker Compose是一个命令行工具，可以简化容器镜像的构建以及容器的运行，将命令行的选项翻译成配置文件 Nginx是一个高 ......
csharp使用ChromiumWebBrowser页面出现黑边和鼠标偏离问题
问题的原因是显示器同ChromiumWebBrowser的分辨率不一致，可在初始化时调用 EnableHighDPISupport 来解决： // 初始化配置 CefSettings settings = new CefSettings(); Cef.Initialize(settings); Ce ......
使用代码生成工具快速开发应用-结合后端Web API提供接口和前端页面快速生成，实现通用的业务编码规则管理
在前面随笔《在Winform应用中增加通用的业务编码规则生成》，我介绍了基于Winform和WPF的一个通用的业务编码规则的管理功能，本篇随笔介绍基于后端Web API接口，实现快速的Vue3+ElementPlus前端界面的开发整合，同样是基于代码生成工具实现快速的前端代码的生成处理。 ......
动态给div赋值高，使页面高度100%
import { ref, onMounted, onUnmounted, computed, nextTick } from 'vue' const boxRef = ref() const searchBoxRef = ref() const tableBoxHeight = ref(0) co ......
canvas操作图片像素点保证你看的明明白白
开场白 今天遇到一个场景；就是更改一个图片的颜色； 当听到这个。我直呼好家伙；这个是要上天了呀。 但是仔细一思考；借助canvas好像也能实现； 于是下来研究了一下，并不难； 我们下面来看看怎么实现的 基本思路 主要是获取图片的像素点；ctx.getImageData() 然后去更改图片的像素点； ......
在 JS 中使用 canvas 给图片添加文字水印
在 JS 中使用 canvas 给图片添加文字水印 实现说明： 1、先通过 new Image() 载入图片； 2、图片加载成功后使用 drawImage() 将图片绘制到画布上； 3、最后使用 fillText() 函数绘制水印。 下面展示了详细用法 效果展示： 本案例将图片的四个角都加上了水印 ......
Canvas三种模式
1.Screen Space-Overlay Canvas永远撑满屏幕并显示在最上层，不绑定Camera（有没有Camera都能显示）。 适合用来做最上层的UI。导航栏、分辨率自适应两边的框等。 2.Screen Space-Camera Canvas自动填充指定摄像机的屏幕，但其他游戏对象（模型等 ......
vue3--h5页面中判断在支付宝环境还是微信环境
支付宝： navigator.userAgent.indexOf('AliApp') > -1 环境变量： navigator.userAgent "Mozilla/5.0......AlipayDefined(nt:WIFI,ws:320|504|2.0) AliApp(AP/9.6.0.0000 ......
vue3 + xlsx 实现 excel 导入web页面解析成json数据
vue3 + xlsx 实现 excel 导入web页面并解析成json数据 fileIipt 动态创建的标签，一定要用户点击事件触发，不然文件选择框的弹出会被拦截，无法弹出。意思就是下面这段关键代码要用一个事件区触发执行，不能主动执行（比如：vue的钩子） import * as XLSX fro ......
uniapp返回上一个页面
在 UniApp 中返回上一个页面，你可以使用 uni.navigateBack() 方法来实现。 uni.navigateBack() 方法用于导航返回上一页，你可以传递一个可选的参数来指定返回的步数。如果不传递参数，则默认返回上一页。 下面是一个示例代码，演示如何在 UniApp 中返回上一个页 ......
# vue 使用 html2canvas 截取图片保存
vue 使用 html2canvas 截取图片保存 好久没有写博文了，写够了，没啥想写的了，这个号算是废了，哎，气人啊！越来越胖，越来越懒了。 html2canvas 简介 html2canvas是一个JavaScript库，它可以将HTML元素转换为Canvas元素。具体来说，它可以将整个页面或特 ......
Lucky-Canvas抽奖插件的使用
官方网站： https://100px.net/ 新建一个空白的js文件，复制官网的JS代码 'https://unpkg.com/lucky-canvas@1.7.25/dist/index.umd.js' ......
页面保活实现思路
1. 页面保活应用场景 列表页面跳转到详情页面，要保留列表页面分页后的页码，搜索到的数据，搜索键值，高亮状态，甚至是页面上其他表单的内容等。 2. 页面保活实现思路 2.1 不跳转 用抽屉或模态框编辑详情，不离开列表页，最佳 2.2 vue单页面 可以使用 <KeepAlive> 组件缓存页面。配合 ......
微信小程序canvas实现人员签名
这里使用获取canvas节点实现的小程序最新的api 签字面板效果图 wxml部分： <view class="container" > <view class="sig_txt"> <canvas type="2d" id="myCanvas" style="width:{{width}}px;h ......
uniapp开发——未登录登录失效页面登录后页面回调的处理
刚开始默认沿用了前边小程序的做法，即在单击事件或者onHide函数中缓存标识，onShow中读取标识，对必要的业务逻辑进行重新请求。具体代码如下： 微信小程序登录后页面回调的处理方案： 1.缓存回调刷新标识： 单击事件中设置： methods:{ onSubmit(){ this.setData({ ......
鸿蒙开发之初页面UIAbility
UIAbility 类似于一个整体的应用声明入口， 比如小程序的app.js ， 比如安卓端的activity 正常页面开发 使用的是一个UIAbility即可， 然后在一个UIAbility 里面 通过路由的形式进行跳转 关于路由 导入 import router from '@ohos.rout ......
Vue项目 移动端禁止页面放大缩小
Vue项目 移动端禁止页面放大缩小（在安卓上可以实现禁止放大缩小，但是ios就不行） // index.html 中添加 meta 标签 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-sca ......
PDF文件打开时，总是定位到某个特定页面
PDF文件正常打开时，会默认显示第一页，或者默认显示上次关闭时停留的页面。 但是某个PDF特别奇怪，打开它时，总是显示在某个特定页面。 当我把这个页移动到开头时，打开文档就定位到开头； 当我把这个页移动到结尾时，打开文档就定位到结尾； 当我把它移动到第3页，打开文档就定位到第3页。 但是我查看文档事 ......
vue详情页面可以打开多个
main.vue文件 <keep-alive :include="cachedViews"> <router-view :key="key" /> </keep-alive> computed: { key () { return this.$route.fullPath//this.$route. ......
手把手教你使用ArkTS中的canvas实现签名板功能
一、屏幕旋转 ● 实现签名板的第一个功能就是旋转屏幕。旋转屏幕在各种框架中都有不一样的方式，比如：在H5端，我们一般是使用CSS中的transform属性中的rotate()方法来强制将网页横屏，然后实现一系列功能 ● 在嵌套第三方APP中，我们一般是调用对应的SDK提供的方法，即可实现旋转屏幕 ● ......
微信小程序开发设计之页面原型设计
// pages/myAddr/myAddr.js const app = getApp(); Page({ /** * 页面的初始数据 */ data: { addrs:[ { addr: "广东省 广州市 白云区 什么街道", name: "用户填写", phone: "1881111111", ......
页面缓存
页面缓存根据需求分为以下3类 类小程序：根据用户的跳转方法来决定如何操作页面缓存堆栈 历史记录：根据用户访问的历史记录缓存一定数量的页面，超过限定数量时采用新进先出 面包屑：根据面包屑结构，缓存当前页面的祖先页面 类小程序 需要解决的问题 实现以下常用跳转方法 navigateTo 保留当前页面，跳 ......
2023-12-19 微信小程序开发之canvas生成图片存在缓存情况 ==》 生成第一次canvas，之后生成的canvas就不变了（开发工具存在此情况，真机实测不存在，所以就不用管了）
如图中数据 测试1： 满11元可用，第一次生成拿到的数据中确实是11元，之后生成的数据发生了变化，比如99元，把这份数据赋值给canvas时，生成的画布还是和第一次一样； 测试2：我在满**元可用这里的**用随机数替代，按理说如果是我提供的数据有问题那我用了随机数总能保证生成不同的数据了吧，结果是随 ......
做一个wiki页面是体验HTML语义的好方法
HTML语义：如何运用语义类标签来呈现Wiki网页 在上一篇文章中，我花了大量的篇幅和你解释了正确使用语义类标签的好处和一些场景。那么，哪些场景适合用到语义类标签呢，又如何运用语义类标签呢？ 不知道你还记不记得在大学时代，你被导师逼着改毕业论文格式的情景，如果你回想一下，你在论文中使用的那些格式，你 ......