首页>网页设计教程> HTML教程
全部 Dreamweaver教程 Javascript教程 HTML教程 CSS教程 心得技巧 DHTML教程 网页特效 WEB标准化
HTML教程
  • 使用canvas来完成线性渐变和径向渐变的功能的方法示例

    使用canvas来完成线性渐变和径向渐变的功能的方法示例

    fillStyle的第二种使用情况就是渐变色的填充。渐变色就分为线性渐变色和径向渐变色。线性渐变:大致分为两步 这里又会使用到canvas的两个新的函数。第一步 : 使用一个新的函数createLinearGradient( xstart，
    2025-02-05
  • Canvas引入跨域的图片导致toDataURL()报错的问题的解决

    Canvas引入跨域的图片导致toDataURL()报错的问题的解决

    本文介绍了Canvas引入跨域的图片导致toDataURL()报错的问题的解决，分享给大家，具体如下：【场景】用户打开网页，则请求腾讯COS（图片服务器）上的图片。使用canvas绘图。然后，用户可以重新选择图片、裁剪、上传。【问题】图片首
    2025-02-05
  • html5中去掉input type date默认样式的方法

    html5中去掉input type date默认样式的方法

    html5中如何去掉input type date默认样式，下面通过本文给大家详细介绍，具体介绍如下所示：2.对日期时间控件的样式进行修改目前WebKit下有如下9个伪元素可以改变日期控件的UI：::-webkit-datetime-edi
    2025-02-05
  • 使用canvas对多图片拼合并导出图片的方法

    使用canvas对多图片拼合并导出图片的方法

    先说下canvas绘图的基本方法,如下：const myCanvas = document.createElement(canvas); myCanvas.width = 400; myCanvas.height = 400;c
    2025-02-05
  • HTML5地理定位与第三方工具百度地图的应用

    HTML5地理定位与第三方工具百度地图的应用

    前言：看到了很多技术大牛和相关博客，很少关于HTML5的地理定位的描述，不知道他们是不愿意提及还是使用的少的原因，我个人按一点点经验总结了两方面原因：第一、服务商方面的原因，因为HTML5的定位是由google提供的，由于google将大陆
    2025-02-05
  • HTML5实现签到 功能

    HTML5实现签到 功能

    Introduce(介绍)用户签到的H5例子（css+jquery，无图片），由于网上找的的用户签到例子都不好，要不就是好多图片组成的，要不就大量冗余代码，所以特意做了个签到界面（移动端）。User sign sample page for
    2025-02-04
  • 在HTML中使用JavaScript实例代码

    在HTML中使用JavaScript实例代码

    <script>标签在HTML5中script主要有以下几个属性：async，defer，charset，src，type，async（可选）：　　关键词：异步脚本，外部文件，立即下载；　　当标签中包含这个属性时会立即下载脚本（外部文件），
    2025-02-04
  • HTML5 WebSocket实现点对点聊天的示例代码

    HTML5 WebSocket实现点对点聊天的示例代码

    昨天使用HTML5的websocket与Tomcat实现了多人聊天，那是最简单也是最基本的，其中注意的就是开发环境，要满足jdk1.7和tomcat8，当然了tom7 的7.063也行！今天是国庆的最后一天，苦逼的加班，继续搞代码！令人欣慰
    2025-02-04
  • 详解canvas绘图时遇到的跨域问题

    详解canvas绘图时遇到的跨域问题

    当在canvas中绘制一张外链图片时，我们会遇到一个跨域问题。示例如下：<!DOCTYPE html><html lang=en><head> <meta charset=UTF-8> <title>crossorigin</t
    2025-02-04
  • 如何避免常见的6种HTML5错误用法

    如何避免常见的6种HTML5错误用法

    一、不要使用section作为div的替代品人们在标签使用中最常见到的错误之一就是随意将HTML5的<section>等价于<div>-具体地说，就是直接用作替代品(用于样式)。在XHTML或者HTML4中，我们常看到这样的代码：<!--
    2025-02-04
  • HTML检测输入已完成自动填写下一个内容的实现方法

    HTML检测输入已完成自动填写下一个内容的实现方法

    在上一个文章中简易实现检测输入已完成，我们实现了检测输入已完成，现在我们再进一步，在此基础上，实现检测输入已完成自动填写下一个内容。当我们需要自动填写的内容，不希望被更改的时候，需要加上readonly属性。功能需求填写报销单据的时候只需填
    2025-02-04
  • CSS3 画基本图形，圆形、椭圆形、三角形等

    CSS3 画基本图形，圆形、椭圆形、三角形等

    CSS3 圆形#css3-circle{width: 150px;height: 150px;border-radius: 50%;background-color: #232323;}CSS3 椭圆形#css3-elipse{width:
    2025-02-04
  • 浅谈HTML空链接的作用

    浅谈HTML空链接的作用

    空链接：就是没有目标端点的链接。格式<a href=#>显示内容</a>空连接的作用1.设为首页<a href=#onclick=this.style.behavior=url(#default#homepage);this.sethome
    2025-02-04
  • HTML5 拖放（Drag 和 Drop）详解与实例代码

    HTML5 拖放（Drag 和 Drop）详解与实例代码

    简介拖放是一种常见的特性，即抓取对象以后拖到另一个位置。在 HTML5 中，拖放是标准的一部分，任何元素都能够拖放。先点击一个小例子：在用户开始拖动 <p> 元素时执行 JavaScript<p draggable=true ondrags
    2025-02-04
  • html5使用canvas压缩图片的示例代码

    html5使用canvas压缩图片的示例代码

    前俩天做了一个图片转base64上传的功能，发现如果图片的base64过大的话，请求会变的很慢，严重的直接超时了，所以想到了在上传前压缩一下图片，然后再上传到后台，这样可以大大的提高效率，在这里记录一下利用 canvas 压缩图片遇到的几个
    2025-02-04
上一页 154155156157158159160161162下一页