**一、jsMind** jsMind 是一个显示/编辑思维导图的纯 javascript 类库,其基于 html5 的 canvas 进行设计。jsMind 以 BSD 协议开源,在此基础上你可以在你的项目上任意使用。你可以在此浏览适用于 jsMind 的 BSD 许可协议(中英文版本)。官网地址核心代码<div id="jsmind_container"></div>
转载
2023-09-20 13:53:42
1173阅读
原创
2018-02-10 15:26:00
332阅读
参考书目:《从0到1JavaScript快速上手》(莫振杰 著)以下为个人读后参照此书所做
原创
2022-11-01 19:56:56
214阅读
海康威视总裁胡扬忠曾说道,“海康威视耕耘AI技术已经多时,实际产品也很多。它并不是一个概念,也不是用来炒作的工具,是实实在在存在的技术。”他还表示,AI对于安防监控来说举足轻重,运用人工智能技术可以代替人海战术对海量视频内容进行秒级检索,用更高效、可行的途径去解决报警难题。在很早之前,视频监控智能化在行业就被提出来,但效果一直不理想,这一次AI技术的到来让这些需求都成为现实。安防大佬的力挺推动了A
转载
2024-01-22 13:38:42
189阅读
图片轮换是一种相当复杂的技术,早些年基本用flash实现。这里有一个链接,教大家如何用flash实现它的。之所以用flash,是因为flash是基于帧的,这与图片轮换的原理相当接近。为了模拟帧的效果,我们要用到overflow把多余的部分遮罩掉,也就是flash中常说的遮罩层。在Flash中,连时间轴都是可视的,而我们则全凭想象力与数学来计算现在是到了哪一张图。加之,flash有Robert Pe
转载
2023-07-23 21:25:05
57阅读
轮播图的思想 轮播图的思想,最简单的描述就是通过修改不可见框的left值,来实现滑动播放的效果。 这篇文章从三大步骤来写一下轮播图的实现。 (一)完成轮播图界面 (二)完成点击按钮切换图片的功能 (三)使用定时器完成轮播图的功能完成轮播图的界面不可见框不可见框中应该把图片连成横向一排,像胶卷一样。<body>
<!-- #outer为不可见框部分 将所有的图片连成一排 --&g
转载
2023-08-20 13:23:59
61阅读
JavaScript 图片处理简介 简介使用javascript封装了 文件读取、base64格式图片数据转换、图片压缩、图片截取等功能/* 图片压缩处理 */
/**
* 文件读取
* FileReader 的实例拥有 4 个方法,其中 3 个用以读取文件,另一个用来中断读取。下面的表格列出了这些方法以及他们的参数和功能,需要注意的是 ,无论读取成功或失败,方法并不会返回读取结果,这一
转载
2023-08-31 07:19:10
122阅读
网站开发中,某些页面效果(如:图片翻转)需要图片能够立即显示;也有些页面图片比较多,下载时间比较长,需要在图片未下载完成前显示其他图片(表示图片正在下载),下载完成后才把图片显示出来。 要实现这些效果,一般都会用到JavaScript里边的Image对象。 Image对象的主要属性
src
图片地址。
complete
表示Image是否被浏览
转载
2023-06-06 21:32:23
380阅读
在这里我们带领大家来使用javaScript实现图片的放大和缩小。实现的效果图如下点击放大按钮,图片会放大,当放大到一定程度的时候,图片不能再放大,会弹出一个提示框,不能再放大了,点击缩小按钮,图片会缩小,当缩小到一定程度的时候,图片不能再缩小,会弹出一个提示框,不能再缩小了。下面我们先来实现界面的布局。点击按钮图片进行缩放,可以看出需要将图片和按钮放置在一个div里面。布局代码如下:1、实现
转载
2024-06-09 01:31:54
50阅读
图像是Web页面的一大组成部分,如果一个网页只存在文本、表格以及单一的颜色来表达是不够的。JavaScript提供了图像处理的功能。Image对象在网页中使用图片非常普遍,只需要在HTML文件中使用<img>标记,并将其中的src属性设置为希望显示图片的URL即可。图片的属性表:属性说明border表示图片边界宽度,以像素为单位height表示图片的高度hspace表示图像与左边和右边
转载
2023-06-26 16:37:04
168阅读
先上效果图:实现的功能有:(1)点击下方小圆点可以实现图片切换(2)点击左右的按键可以实现图片切换(3)自动轮播图片(4)鼠标放上去停止自动播放,鼠标离开自动播放代码实现原理:核心原理就是得到当前展示的图片的索引index,向左滑动则index–,向右滑动则index++,图片滑动实际上是ul的移动,移动的目标位置就是index*图片的宽度。完整代码:<!DOCTYPE html>
&
转载
2023-06-07 14:16:06
182阅读
目录图片在前端的存储形式前端上传图片图片处理灰度操作负片效果压缩膨胀马赛克字符画参考资料图片在前端的存储形式图片以Uint8ClampedArray的格式存储. 这是一个一维数组,每四位组成一个像素点,分别代表rgba四个参数,每个参数的取值范围都是0~2^8-1(0~255).// 这是一个全黑色,透明的像素点
const pixel = new Uint8ClampedArrray([0,0,
转载
2023-08-29 16:16:48
184阅读
JavaScript是世界上最受欢迎和最让人讨厌的编程语言之一。我们因为它的强悍而喜欢它——只需学习JavaScript即可制作全栈应用程序,但同时也因为它出乎意料和令人不安的行事方式而讨厌它。本文将介绍JavaScript如何在浏览器中执行代码,并通过gif动画来解说。看完这篇文章,你离成为开发牛人的门槛又近了一步呢!执行上下文“JavaScript中的一切都发生在执行上下文中。”我希望每个人都
转载
2023-06-06 09:56:26
119阅读
一直就认为javascript是个好东西,一直想好好学习。学习当然也得有成果,在将近隔了一个月后终于有东西可写了。如今,我用javascript做了个图片查看器。先看效果图:先介绍下功能:1.点击小图后可以显示大图,大图固定覆盖页面2.可以显示本地图片,只需要选择图片获取到图片地址即可3.动态添加图片,该图片也可以点击后显示大图4.显示的大图附带有关闭按钮,点击大图或者关闭按钮皆可关闭大图具体每个
转载
2023-10-05 10:39:32
316阅读
明天鸿蒙终于公布了,开发者们也终于“沸腾”了。源码托管在国内出名开源平台码云上,https://gitee.com/openharmony我也第一工夫下载了源码,钻研了一个早晨,顺带写了一个 hello world 程序,还棘手给鸿蒙文档提了 2 个 PR。当然我最感兴趣的就是鸿蒙的 JS 框架 ace_lite_jsfwk,从名字中能够看进去这是一个十分轻量级的框架,官网介绍说是“轻量级 JS
转载
2023-07-22 18:44:32
34阅读
<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style type="text/css">
* {
margin: 0;
p
转载
2023-08-14 15:03:17
36阅读
JavaScript 图片滑动切换效果 作者:cloudgamer 第 1 页 JavaScript 图片滑动切换效果 [1] 第 2 页 JavaScript 图片滑动切换效果 [2]序一(08/07/06)看到 alibaba 的一个图片切换效果,感觉不错,想拿来用用。但代码一大堆的,看着昏,还是自己来吧。由于有了做 图片滑动展示效果 的经验,做这个就容易得多了。序二(09/03/19)自写了
转载
2023-08-23 20:42:52
75阅读
JavaScript 前后切换图片
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
*{
margin: 0;
paddi
转载
2023-06-06 20:36:04
181阅读
分享118个JS图片代码,总有一款适合您 jquery图片栅格替换效果 jquery抽屉式图片展示效果 jquery图片墙滑动展示 jquery图片播放器 js图片过渡效果 jquery图片边框阴影浮动 jquery网页视差滚动效果 css3图片高亮突出显示 jquery簇状柱形图表绘制 jQuery鼠标悬停显示大图特效 CSS3图片悬停放大动画base_url = "https:/
转载
2023-07-25 20:53:11
65阅读
这次的web作业中的一个小知识点,在页面中使用js,使得页面有更多功能。<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>图片切换</title>
<style type="text/css">
转载
2023-06-06 10:11:15
115阅读