相关文章
uniapp小程序上传图片添加水印
上传图片时，使用canvas给选择的图片添加水印；
效果： 主要代码：
const canvas wx.createOffscreenCanvas({type: 2d,width: w,height: h,compInst: this
});const context canvas.getContext(2d);const image canvas.createIm…
建站知识
2024/12/27 22:09:55
【vue】 前端vue2 全局水印效果
最近写项目遇到一个需求，全局显示水印，不管在哪个路由都要显示。
想要实现的效果： 新建shuiyin.js文件
// 定义水印函数
const addWatermark ({container document.body, // 水印添加到的容器，默认为 bodywidth "200px&…
建站知识
2024/12/27 3:20:28
Vue在页面上添加水印
第一步：在自己的项目里创建一个js文件；如图所示我在在watermark文件中创建了一个名为waterMark.js文件。 waterMark.js
/** 水印添加方法 */
let setWatermark (str1, str2) > {let id 1.23452384164.123412415if (document.getElementById(id) …
建站知识
2024/12/27 3:27:26
自制H5视频播放器UI模仿慕课
<!DOCTYPE html><html lang"en"><head> <meta charset"UTF-8"> <title>视频</title> <script type"text/javascript" src"http://www.xipwang.cn/js/jquery.min.js"></script&…
建站知识
2024/12/27 19:56:38
uniapp 自定义图片水印插件（任意位置） Ba-Watermark
自定义图片水印 Ba-Watermark
简介（下载地址）
Ba-Watermark 是一款uniapp给图片自定义水印的插件。
支持添加多个、多种样式水印支持在任意位置添加支持按实际像素或图片高宽的比例两种方式设置支持stroke字体样式支持某个水印重复铺满
效果展示 使用…
建站知识
2024/12/27 3:27:57
H5页面背景添加水印
HTML代码 <!DOCTYPE html>
<html><head><meta charset"UTF-8"><title></title><style></style></head><body><script type"text/javascript" src"js/index.js" ></script…
建站知识
2025/1/2 22:27:41
ui-app H5和小程序 使用canvas 上传图片 添加水印
ui-app 上传图片 添加水印 苹果手机像素过大 缩小画布2.5
<template><view><view class"row" style"flex-wrap: wrap;transform: translateX(-8px);margin-top: 36px;"><view class"imgClass1" v-for"(item,index) i…
建站知识
2025/1/3 1:45:30
