- 博客(15)
- 收藏
- 关注
转载 JS给网页添加水印
使用方法$(document).ready(function() { var watermark_txt = '测试水印 2021/12/28'; watermark({"watermarl_element":"watermark-wrapper", "watermark_txt":watermark_txt});//watermark-wrapper是id名 });完整代码<!DOCTYPE html><html lang="en">
2021-12-28 15:51:06
767
1
原创 将一层数据处理成树形结构
convert(list){ const map = list.reduce((res,v)=>{ res[v.id] = v; return res; },{}) const res = []; for(let item of list){ if(item.parentId === 0){ res.push(item);
2021-12-23 13:59:22
612
原创 批量动态加载矢量图层
批量动态加载矢量图层下载依赖 npm i axios npm install ol因为没有后台接口,所以值是写死的<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc
2020-12-05 10:57:51
259
2
原创 cesium绘制点、线、面并删除
cesium绘制点、线、面并删除以下代码是在别的地方拷贝过来的,加了些注释方便以后使用的时候理解<!DOCTYPE html><html lang="en"><head> <!-- Use correct character set. --> <meta charset="utf-8"> <!-- Tell IE to use the latest, best version. --> <
2020-11-26 10:37:01
6106
原创 OpenLayers展现tiff和矢量文件
OpenLayers展现tiff和矢量文件需要稍微改一下的我都备注了,话不多说,上代码;<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <link rel="stylesheet" href="./css/ol.css" type="text/css"> <style> </style> <sc
2020-11-23 18:11:29
3648
转载 vue 中使用video.js 实现边缓冲边播放
vue 中使用video.js 实现边缓冲边播放1.npm install video.jsnpm install video.js 2.mian.js引用import Video from 'video.js'import 'video.js/dist/video-js.css'Vue.prototype.$video = Video3.页面中使用 <video id="myVideo" class="video-js vjs-default-skin vjs-big-play
2020-11-20 09:01:02
5314
转载 图片拖拽对比
图片拖拽对比注意事项只能用于Vue CLI项目安装方法cnpm i -S zx-comparisonicon 组件 main.js 全局引入import Vue from 'vue'import ZxComparison from 'zx-comparison'Vue.component('byui-comparison', ZxComparison)template 完整示例<template> <div id="app"> <byui-comp
2020-11-19 17:22:38
889
2
转载 HTML标签marquee实现滚动效果
HTML标签marquee实现滚动效果页面的自动滚动效果,可由javascript来实现,但是今天无意中发现了一个html标签 - <marquee></marquee>可以实现多种滚动效果,无需js控制。使用marquee标记不仅可以移动文字,也可以移动图片,表格等.语法:<marquee>...</marquee>; 说明:在标记之间添加要进行滚动的内容。重要属性:1.滚动方向direction(包括4个值:up、 down、 left和 rig
2020-11-19 16:07:00
603
2
原创 viewer图片查看器JQ版
viewer图片查看器JS版html<!DOCTYPE html><html lang="zh-Hans"><head> <meta charset="utf-8"> <title>JS/jQuery图片查看器viewer.js</title> <link rel="stylesheet" href="./css/viewer.css"> <style>
2020-11-19 10:49:59
1313
原创 视频和xml文件下载时跳转的解决办法
视频和xml文件下载时跳转的解决办法要注意的是文件名后面必须要加尾缀(如.mp4、.xml)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title&
2020-11-19 10:29:45
777
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人