首页>网页设计教程> HTML教程
全部 Dreamweaver教程 Javascript教程 HTML教程 CSS教程 心得技巧 DHTML教程 网页特效 WEB标准化
HTML教程
  • 基于 HTML5 Canvas实现 的交互式地铁线路图

    基于 HTML5 Canvas实现 的交互式地铁线路图

    前言前两天在 echarts 上寻找灵感的时候，看到了很多有关地图类似的例子，地图定位等等，但是好像就是没有地铁线路图，就自己花了一些时间捣鼓出来了这个交互式地铁线路图的 Demo，地铁线路上的点是在网上随便下载了一个，这篇文章记录自己的一
    2025-01-24
  • 使用express搭建一个简单的查询服务器的方法

    使用express搭建一个简单的查询服务器的方法

    本文介绍了使用express搭建一个简单的查询服务器的方法，分享给大家，具体如下：使用到的技术栈有express、mysql.项目结构:service--node_modules--app.js--query.jsapp.js支持调用服务,
    2025-01-24
  • 使用html2canvas.js实现页面截图并显示或上传的示例代码

    使用html2canvas.js实现页面截图并显示或上传的示例代码

    最近写项目有用到html2canvas.js，可以实现页面的截图功能，但遭遇了许多的坑，特此写一篇随笔记录一下。在使用html2canvas时可能会遇到诸如只能截取可视化界面、截图没有背景色、svg标签无法截取等问题，下面详细的说明一下。一
    2025-01-24
  • 浅谈HTML5新增和废弃的标签

    浅谈HTML5新增和废弃的标签

    一、废弃的标签以下的 HTML 4.01 元素在HTML5中已经被删除，虽然浏览器为了兼容性考虑都还支持这些标签，但建议使用新的替代标签，矛盾的是老浏览器对新标签的支持度又不够，视项目的受众对象而定了。1、能用CSS代替的元素这些元素包含b
    2025-01-24
  • HTML5拖拽API经典实例详解

    HTML5拖拽API经典实例详解

    一、关于拖拽API拖拽API是HTML5的新特性，相对于其他新特性来说，重要程度占到6成，实际开发中使用比例占到3成，学习要求个人认为是达到掌握即可的程度。二、什么是拖拽和释放？拖拽：Drag释放：Drop拖拽指的是鼠标点击源对象后一直移动
    2025-01-24
  • 分享一个H5原生form表单的checkbox特效代码

    分享一个H5原生form表单的checkbox特效代码

    本文介绍了分享一个H5原生form表单的checkbox特效代码，分享给大家，具体如下：效果如下：<!DOCTYPE html><html> <head> <meta charset=UTF-8> <title></title> <s
    2025-01-24
  • 点击单选框就直接激活链接的实现代码

    点击单选框就直接激活链接的实现代码

    <html><head><!--第一步：把如下代码加入到“head”区域中--><script>function go(HrefName) {window.location.href = HrefName;}</script></head>
    2025-01-24
  • 详解Html5 Canvas画线有毛边解决方法

    详解Html5 Canvas画线有毛边解决方法

    Html5 Canvas 所有的画线指令画出来的线条都有毛边（比如 lineTo， arcTo，strokeRect），这是因为在Canvas中整数坐标值对应的位置恰巧是屏幕象素点中间的夹缝，那么当按这样的坐标进行线条渲染时所要用到的就是夹
    2025-01-24
  • canvas环形倒计时组件的示例代码

    canvas环形倒计时组件的示例代码

    本文介绍了canvas环形倒计时组件的示例代码，分享给大家，具体如下：效果如下图一：Canvas环形倒计时组件Canvas环形倒计时是基于Canvas实现的倒计时，建议于移动端使用Canvas环形倒计时 下载地址一、如何使用1. html代
    2025-01-24
  • 浅谈基于Canvas的手绘风格图形库Rough.js

    浅谈基于Canvas的手绘风格图形库Rough.js

    前言推荐一个基于Canvas的手绘风格图形JS库。Rough.jsRough.js是一个轻量的（大约8k），基于Canvas的可以绘制出粗略的手绘风格库。提供绘制线条、曲线、弧线、多边形、圆形和椭圆的基础能力，同时支持绘制SVG路径。Git
    2025-01-23
  • H5最强接口之canvas实现动态图形功能

    H5最强接口之canvas实现动态图形功能

    上个文章中我们分享了如何利用canvas来进行图形绘制，但是绘制的都是静态图形，本周我们就来学习如何利用canvas进行动态图形绘制。什么是动画？我们在绘制动画之前必须要弄清楚什么是动画，一个动画最起码需要哪些基本条件呢？我们可以用一个工具
    2025-01-23
  • 详解通过focusout事件解决IOS键盘收起时界面不归位的问题

    详解通过focusout事件解决IOS键盘收起时界面不归位的问题

    问题症状今天在开发一个移动端的 H5 页面时，遇到了 IOS 上键盘收起时界面无法归位的问题。下面详细描述下问题和症状：页面结构出问题的页面是一个表单结构。即类似于一个 div 下有4个 input 表单的结构，用于用户填写邮寄信息。类似:
    2025-01-23
  • 前端canvas动画如何转成mp4视频的方法

    前端canvas动画如何转成mp4视频的方法

    用户通过上传合适尺寸的图片，选着渲染动画的效果和音乐，可以预览类似幻灯片的效果，最后点击确认生成视频，可以放到头条或者抖音播放。生成视频可能的方案纯前端的视频编码转换(例如WebM Encoder Whammy)图片地址只能是相对地址音乐不
    2025-01-23
  • HTML5探秘：用requestAnimationFrame优化Web动画

    HTML5探秘：用requestAnimationFrame优化Web动画

    requestAnimationFrame是什么？在浏览器动画程序中，我们通常使用一个定时器来循环每隔几毫秒移动目标物体一次，来让它动起来。如今有一个好消息，浏览器开发商们决定：嗨，为什么我们不在浏览器里提供这样一个API呢，这样一来我们可
    2025-01-23
  • 详解Canvas 实现炫丽的粒子运动效果（粒子生成文字）

    详解Canvas 实现炫丽的粒子运动效果（粒子生成文字）

    没有最好，只有更好，如题所示，这篇文章只要是分享一个用 Canvas 来实现的粒子运动效果。感觉有点标题党了，但换个角度，勉勉强强算是炫丽吧，虽然色彩上与炫丽无关，但运动效果上还是算得上有点点炫的。不管怎么样，我们还是开始这个所谓的炫丽效果
    2025-01-23
上一页 166167168169170171172173174下一页