2021年11月22日
使用浏览器自带功能实现一键复制
摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文
posted @ 2021-11-22 14:57 启豪 阅读(494) 评论(0) 推荐(0)
实现时间的动画翻牌倒计时
摘要： <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Clock</title> </head> <body style="backgrou 阅读全文
posted @ 2021-11-22 14:54 启豪 阅读(59) 评论(0) 推荐(0)
使用js实现放大镜功能
摘要： ps：放大镜的功能 记得下载本文最后的图片然后修改相应的文件路径！！ <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> * { margin: 0; padding: 0; } 阅读全文
posted @ 2021-11-22 14:51 启豪 阅读(114) 评论(0) 推荐(0)
使用canvas画图片的点阵
摘要： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>HTML龙</title> <style type="text/css"> html,body{ margin: 0; padding: 0; background: #333; 阅读全文
posted @ 2021-11-22 14:47 启豪 阅读(255) 评论(0) 推荐(0)
实现盒子的拖动
摘要： <!DOCTYPE html> <html lang="en"> <head> <title>不知道是什么</title> <style> #canvas { width: 500px; height: 500px; border: 1px solid red; position: relative 阅读全文
posted @ 2021-11-22 14:41 启豪 阅读(82) 评论(0) 推荐(0)
获取画布(canvas)的大小
摘要： const canvas = document.querySelector('#canvas') // 画布 const canvas_centent = canvas.getBoundingClientRect()//获取画布的大小 使用这个方法可以获取到画布的属性，使用如下： //获取画布的长和 阅读全文
posted @ 2021-11-22 14:40 启豪 阅读(1736) 评论(0) 推荐(0)