首页>网页设计教程> HTML教程
全部 Dreamweaver教程 Javascript教程 HTML教程 CSS教程 心得技巧 DHTML教程 网页特效 WEB标准化
HTML教程
  • 使用HTML截图并保存为本地图片的实现代码

    使用HTML截图并保存为本地图片的实现代码

    具体代码如下所示：<!DOCTYPE html><html> <head> <meta charset=UTF-8> <title>html2canvas_download</title> <
    2025-01-18
  • canvas像素画板的实现代码

    canvas像素画板的实现代码

    最近项目上要实现一个类似像素风格的画板，可以像素小格子可以擦除，框选变色，可以擦出各种图形，这样一个小项目看似简单，包含的东西还真不少。绘制像素格子我们先定义像素格子类Pixel = function (option) { this.
    2025-01-18
  • webapp字号大小跟随系统字号大小缩放的示例代码

    webapp字号大小跟随系统字号大小缩放的示例代码

    最近做了一个webapp项目，混合式开发，外部原生，内部webview嵌套H5页面。前端方面采用了vue开发，适配采用的是flexible+rem做的适配。本来一切都很好，可是吧，领导说客户有的年纪大 ，看不清字体，希望网页字体可以跟随系统
    2025-01-18
  • 详解webapp页面滚动卡顿的解决办法

    详解webapp页面滚动卡顿的解决办法

    手机浏览器在滚动当前页面（还可能是缩放页面）时，由于默认行为被阻止，导致页面被迫静止，导致用户使用体验差，感觉滚动页面有停顿感。具体一点的解释：由于 touchstart 事件对象的 cancelable 属性为 true，也就是说它的默认
    2025-01-18
  • HTML页面局部刷新的实现代码

    HTML页面局部刷新的实现代码

    事件响应刷新：有请求才会刷新1、通过JS HTML DOM或jQuery获取HTML元素，通过DOM方法或jQuery方法监听页面事件，获取用户请求；2、通过Ajax将用户请求提交至服务器，服务器处理后返回结果，再由Ajax接收数据；3、通
    2025-01-18
  • HTML5之多线程(Web Worker)

    HTML5之多线程(Web Worker)

    提到 HTML5 总是让人津津乐道，太多的特性和有趣的 API 让人耳目一新。但是很多童鞋还停留在语义化的阶段，忽视了 HTML5 的强劲之处。这节我们来探讨一下多线程 Web-Worker。一、明确 JavaScript 是单线程Java
    2025-01-18
  • h5使用canvas画布实现手势解锁

    h5使用canvas画布实现手势解锁

    前言最近做的一个app项目使用的 apicloud 来实现跨平台开发，现在需要为这个 app 添加手势（九宫格）解锁的功能，apicloud 已经有一些第三方的原生实现的手势解锁插件，因为是原生的性能也比较好，调用也比较方便，但是都不能对它
    2025-01-18
  • 详解通过变换矩阵实现canvas的缩放功能

    详解通过变换矩阵实现canvas的缩放功能

    这篇文章主要介绍一种通过设置canvas的变换矩阵来实现canvas的缩放。第一步就是监听鼠标的滚轮事件，在滚轮事件中根据鼠标的滚动以及基于前一次的变换，重新设置context的缩放和平移，核心代码如下：let delta = this.d
    2025-01-18
  • canvas绘制文本内容自动换行的实现代码

    canvas绘制文本内容自动换行的实现代码

    原型要求:要求制作一个邀请卡页面，其中标题字数是动态的，最多可显示2行，如果超出2行则第2行内容结尾添加省略号。根据产品妹子的性格，四行这个设置到时很大机会改，所以这里一定不能写死，结果前几天真的要求改成了最多可显示4行 ，其他照旧。产品妹
    2025-01-18
  • 解锁canvas导出图片跨域的N种姿势小结

    解锁canvas导出图片跨域的N种姿势小结

    本文介绍了解锁canvas导出图片跨域的N种姿势小结，分享给大家，具体如下：Uncaught DOMException: Failed to execute toDataURL on HTMLCanvasElement: Tainted c
    2025-01-18
  • Html5如何唤起百度地图App的方法

    Html5如何唤起百度地图App的方法

    最近接手了一个需求，要求混合式开发，前端做好 h5 后将页面嵌入到 ios 和 android 中，需要用到百度地图的地图导航。具体功能点如下：如果手机端（ios, android）安装了百度地图，点击导航按钮，唤起百度地图 app否则，打
    2025-01-18
  • canvas实现有递增动画的环形进度条的实现方法

    canvas实现有递增动画的环形进度条的实现方法

    老规矩，直接看图！效果如下：高清大图！码农多年，老眼昏花，动图看不清？！那就看静态截图！！！不同分值效果如下：看完了卖家秀，我们来看产品的制作过程吧！canvas绘制圆环1、vue中，<template lang=pug>里的代码如下：ca
    2025-01-17
  • 详解FireFox下Canvas使用图像合成绘制SVG的Bug

    详解FireFox下Canvas使用图像合成绘制SVG的Bug

    本文适合适合对canvas绘制、图形学、前端可视化感兴趣的读者阅读。楔子所有的事情都会有一个起因。最近产品上需要做一个这样的功能：给一些图形进行染色处理。想想这还不是顺手拈来的事情，早就研究过图形染色的技术。于是我把之前写好的两种算法发给了
    2025-01-17
  • data:image data url 文件转为Blob上传后端的方法

    data:image data url 文件转为Blob上传后端的方法

    一些场景，比如canvas获取的图片，或者微信开发sdk返回的图片格式是data:img格式的，我们需要上传到服务器上，那就需要进行转化。将dataURL转成Blob// base64 转 blobdataURItoBlob(dataURI
    2025-01-17
  • 详解window.open被浏览器拦截的解决方案

    详解window.open被浏览器拦截的解决方案

    现象最近在做项目的时候碰到了使用window.open被浏览器拦截的情况，搞得人无比郁闷啊，虽然在自己的环境可以对页面进行放行，但是对用户来说，不能要求用户都来通过拦截。何况当出现拦截时，很多小白根本不知道发生了啥，不知道在哪里看被拦截的页
    2025-01-17
上一页 67891011121314下一页