一行 文字 图片css
css 禁止用户选择字体
.className{ -moz-user-select: none; /*火狐*/ -webkit-user-select: none; /*webkit浏览器*/ -ms-user-select: none; /*IE10*/ -khtml-user-select: none; /*早期浏览器* ......
CSS设置一个梯形
1、图形 2、代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> .d{ width:0px; height:100px; border-left:25px solid; border-top ......
弹性布局 flex 的公共的css文件
/* 弹性布局 */ .flex{ display:flex; } .flex1{ flex:1; } .flex-column { flex-direction: column; } .justify-start { justify-content: flex-start; } .justify- ......
图片镜像程序（输入父目录与阈值）
import os from PIL import Image def mirror_images_in_subfolders(parent_directory, x_threshold): """ 遍历指定目录，找到包含图片数量少于指定阈值的子文件夹，并镜像这些图片， 同时保存新名称以避免重复。 ......
input 上传图片文件限制文件大小和宽高
用h5 input type="file"上传图片文件 html 设置 拼接到需要的地方 var checkboxHtml = '<form enctype="multipart/form-data">n'+<div class="modal-body"> n'+<div class="my-img ......
图片名称修改（执行去食品地名任务）
import os def process_images_interactively(): # Ask the user for the parent directory address parent_dir = input("请输入父目录地址: ") print(f"正在处理的目录: {paren ......
canvas操作图片像素点保证你看的明明白白
开场白 今天遇到一个场景；就是更改一个图片的颜色； 当听到这个。我直呼好家伙；这个是要上天了呀。 但是仔细一思考；借助canvas好像也能实现； 于是下来研究了一下，并不难； 我们下面来看看怎么实现的 基本思路 主要是获取图片的像素点；ctx.getImageData() 然后去更改图片的像素点； ......
Vue + Django 使用wangeditor 上传图片 显示跨域报错
报错： newsDetailed:1 Access to XMLHttpRequest at 'http://www.py32api.com:8000/users/uploadFile/' from origin 'http://localhost:8080' has been blocked by ......
css中的::after和::before
先来看一个::before和::after的例子，给一个元素的前后再不添加新的元素的时候增加内容： <view class="info-before">测试before和after</view> .info-before { font-weight: bold; margin: 30px; } .i ......
使用css绘制箭头
使用css也能直接写出箭头符号，这样不用都使用图片能减少打包的大小。下面是一些常用箭头的css写法： // 向上的箭头 <view class="button-up"></view> // css的内容 .button-up { position: relative; padding: 5px; m ......
VUE 图片识别
1、安装依赖 // 安装Element-UI npm install element-ui --save // 安装 ocr 和 ocrdet npm i @paddlejs-models/ocrdet@0.0.3 --save npm i @paddlejs-models/ocr@1.1.2 -- ......
使用js和css实现选项卡切换
HTML <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel=" ......
Qt/C++视频监控Onvif工具/组播搜索/显示监控画面/图片参数调节/OSD管理/祖传原创
一、前言 能够写出简单易用而又不失功能强大的组件，一直是我的追求，简单主要体现在易用性，不能搞一些繁琐的流程和一些极难使用的API接口，或者一些看不懂的很难以理解的函数名称，一定是要越简单越好。功能强大主要体现在功能的完整性，常规的接口肯定是必备的，然后在默认值方面，尽量将值设置成最常用的合规的值， ......
在 JS 中使用 canvas 给图片添加文字水印
在 JS 中使用 canvas 给图片添加文字水印 实现说明： 1、先通过 new Image() 载入图片； 2、图片加载成功后使用 drawImage() 将图片绘制到画布上； 3、最后使用 fillText() 函数绘制水印。 下面展示了详细用法 效果展示： 本案例将图片的四个角都加上了水印 ......
图片名中文翻译成英文
1.图片名只保留中文 import os import re import unicodedata def is_chinese(char): """判断一个字符是否是中文。""" return unicodedata.category(char).startswith('Lo') def reta ......
爬虫_初步（爬取豆瓣图片）
引用python库 from urllib.request import urlopen import urllib.request,urllib.error import re 找到本机的headers headers = {'User-Agent': 'Mozilla/5.0 (Windows ......
伪造网页数据（每个文件夹抽指定数量的图片并重命名）
（承接"公共标,特殊标"的结构）1.对于指定父目录结构，每个文件夹抽指定数量的随机图片。 import os import shutil import random def find_image_folders(parent_directory): # 查找包含图片的文件夹 image_folder ......
顶部图片随着下拉放大
最近写项目要用到类似于淘宝店破的我的页面，在顶部用户执行下拉操作时顶部背景图会放大并高度增加的效果，松开时回弹到原来的大小。先上效果： 效果主要利用一下几个事件： @touchstart 当用户手指按下时 @touchmove 当用户手指移动过程中 @touchend 当用户手指抬起时 这几个事件会 ......
CSS隐藏滚动条
code <style> /* 隐藏标准的滚动条 */ html::-webkit-scrollbar { width: 0; } body::-webkit-scrollbar { width: 0; } /* 隐藏 IE 和 Edge 浏览器的滚动条 */ ::-ms-scrollbar { w ......
CSS设置div高度自动全屏
对body和html都设置高度100% html,body { height: 100%; width: 100%; margin: 0 0 0 0; padding: 0 0 0 0; position: relative; } 然后再对div设置100% #app { height: 100%; ......
WPF显示网络图片的几种方法
1、利用数据流 1 Image img; 2 byte[] btyarray = GetImageFromResponse(imageUrl); 3 4 //字节数据转流 5 MemoryStream ms = new MemoryStream(btyarray); 6 7 //重点：设置Image ......
纯css展示loading加载动画
https://uiverse.io/barisdogansutcu/light-rat-32 <svg viewBox="25 25 50 50"> <circle r="20" cy="50" cx="50"></circle> </svg> svg { width: 3.25em; trans ......
stream 展示数据格式为流文件的PDF和图片
判断数据格式为PDF或非 getViewImg(row.row.id).then((res) => { if(row.row.fileExtension == 'pdf') { let newBlob = new window.Blob([res.data], { type: 'applicatio ......
# cesium 截取图片
cesium 截取图片 没啥好说的，直接贴代码吧 toImg() { if (viewer) { viewer.scene.render(); let canvas = viewer.scene.canvas; let image = canvas.toDataURL("image/png").re ......
Leaflet 使用图片作为地图
Leaflet 使用图片作为地图 关键代码： L.CRS.Simple.transformation = new L.Transformation(1, 0, 1, 0); // 坐标原点切换为左上角 var map = new L.Map('map', { crs: L.CRS.Simple, / ......
# vue 使用 html2canvas 截取图片保存
vue 使用 html2canvas 截取图片保存 好久没有写博文了，写够了，没啥想写的了，这个号算是废了，哎，气人啊！越来越胖，越来越懒了。 html2canvas 简介 html2canvas是一个JavaScript库，它可以将HTML元素转换为Canvas元素。具体来说，它可以将整个页面或特 ......
vue封装上传图片
一。在components下新建 upLoadImg / index.js <template> <div> <el-upload class="avatar-uploader" action="111" :show-file-list="false" :auto-upload="false" :o ......
可视化学习：CSS transform与仿射变换
在几年前，我就在一些博客中看到关于CSS中transform的分析，讲到它与线性代数中矩阵的关系，但当时由于使用transform比较少，再加上我毕竟是个数学学渣，对数学有点畏难心理，就有点看不下去，所以只是随便扫了两眼，就没有再继续了解了。现在在学习可视化，又遇到了这个点，又说到这是可视化的基础知... ......
vue上传图片到指定文件夹
vue代码<template> <div class="app-container"> <div class="wenben"> <el-upload :disabled="dis==0?true:false" class="upload-demo" :action="uploadUrl" :on- ......