首页>网页设计教程> HTML教程
全部 Dreamweaver教程 Javascript教程 HTML教程 CSS教程 心得技巧 DHTML教程 网页特效 WEB标准化
HTML教程
  • canvas学习笔记之绘制简单路径

    canvas学习笔记之绘制简单路径

    1 线段（直线路径）绘制线段一般步骤:moveTo(x,y) 移动画笔到指定的坐标点(x,y)lineTo(x,y) 使用直线连接当前端点和指定的坐标点(x,y)stroke() 根据当前的画线样式，绘制当前或已经存在的路径2 矩形路径绘制
    2025-01-28
  • canvas因为图片资源不在同一域名下而导致的跨域污染画布的解决办法

    canvas因为图片资源不在同一域名下而导致的跨域污染画布的解决办法

    我们要绘制一张图片，内容包括一张背景图和一个动态生成的二维码，前提是背景图是项目本身的静态资源，二维码是服务端动态生成的，二者不在同一域名下。解决办法：把所有图片都重定向同一个域名下：let count = 0;let bgImg = do
    2025-01-28
  • 浅谈关于html5中图片抛物线运动的一些心得

    浅谈关于html5中图片抛物线运动的一些心得

    常见的, 物体/图片做抛物线或者更准确的说是沿贝塞尔曲线运动是H5开发中常见的需求, 那么如何快速的根据设计稿计算出运动路径是开发者首要解决的问题.我这边H5开发常用的设计稿尺寸是640 * 1008, 那么根据这个尺寸解决方案思路如下:1
    2025-01-28
  • 在canvas上实现元素图片镜像翻转动画效果的方法

    在canvas上实现元素图片镜像翻转动画效果的方法

    一、Canvas图片水平镜像翻转效果预览您可以狠狠的点击这里：canvas图片水平镜像翻转动画demodemo页面中点击图片动画效果可见。二、Canvas上实现图片镜像翻转的实现CSS中要想实现元素的翻转效果，比较简单，例如我们希望某一张图
    2025-01-28
  • html5 分层屏幕适配的方法

    html5 分层屏幕适配的方法

    设计大大，这次真的是 按设计稿来 了，因为现在，任何机子都是设计稿标准机！ 开发同学，这下你就直接读设计稿标注就好了啦！屏幕适配屏幕适配应当指内容 适配区 和 屏幕区 间的适配关系。单屏适配有 contain、cover 或 fill，多屏
    2025-01-28
  • 详解h5页面在不同ios设备上的问题总结

    详解h5页面在不同ios设备上的问题总结

    最近在写嵌入到小程序webview的一个h5页面，是一个文章评论的功能，这个过程中，遇到很多兼容性的问题，在不同机型上的表现也很不一致，所以总结了以下这些问题，记录下来，以便以后查看1、日期问题对于yyyy-mm-dd hh:mm:ss 这
    2025-01-28
  • html5调用app分享功能示例（WebViewJavascriptBridge）

    html5调用app分享功能示例（WebViewJavascriptBridge）

    小编接到领导任务，写h5移动端活动页面，点击页面内容调取ios和Android开发自己写的分享功能（包括微信、微信朋友圈、QQ、QQ空间等），包括用户未登录，让其登录后才能分享，分享成功后发起请求给予优惠券功能，下面是所得到的经验，仅供参考
    2025-01-27
  • 微信小程序“圣诞帽”的实现思路详解

    微信小程序“圣诞帽”的实现思路详解

    这两天朋友圈被圣诞帽刷屏，这个小程序连微信官方都出来辟谣了，又一个现象级的玩意儿。从产品角度而言无疑是非常成功，但从技术角度而言是确实习以为常，创意很重要！简单说一下思路：获取头像，把头像画在Canvas里面，接着往Canvas里画帽子，调
    2025-01-27
  • 快速实现一个简单的canvas迷宫游戏的示例

    快速实现一个简单的canvas迷宫游戏的示例

    前言（最近设计模式看的有点头大，一直面对纯js实在是有些枯燥-_-。所以写一点有趣的东西调剂一下）现在canvas已经不算新鲜了，不过由于日常业务中并不常用，所以实践并不多，今天分享一下，如何实现简单canvas迷宫。这个例子来源于《htm
    2025-01-27
  • html5 canvas的绘制文本自动换行的示例代码

    html5 canvas的绘制文本自动换行的示例代码

    本文介绍怎么解决canvas绘图过程中，drawText的换行问题，先看一个大家平时在canvas绘制文本都会遇到的问题：一个150*100的canvas画布，加个边框明显边界<canvas id=canvas style=border:s
    2025-01-27
  • 浅谈html5与APP混合开发遇到的问题总结

    浅谈html5与APP混合开发遇到的问题总结

    背景在公司参与一个原生APP和h5混合开发的项目，本人在项目中负责h5部分，现将项目中遇到的问题总结如下：具体问题问题1：页面滚动条问题问题描述web页面在PC浏览器上浏览时有滚动条；但是，在移动端浏览器打开时，没有滚动条解决方法将页面的最
    2025-01-27
  • canvas实现高阶贝塞尔曲线(N阶贝塞尔曲线生成器)

    canvas实现高阶贝塞尔曲线(N阶贝塞尔曲线生成器)

    写在最前由于原生的Canvas最高只支持到三阶贝塞尔曲线，那么我想添加多个控制点怎么办呢？（即便大部分复杂曲线都可以用3阶贝塞尔来模拟）与此同时，关于贝塞尔控制点的位置我们很难非常直观的清楚到底将控制点设置为多少可以形成我们想要的曲线。本着
    2025-01-27
  • html5.2 dialog简介详解

    html5.2 dialog简介详解

    2017年12月24号， HTML5.2 标准固化，也代表着移动端进入 HTML5.3 规划阶段，虽然 HTML5.2 固化了，但内部的一些新规范，在移动端的浏览器中的支持性还有待提高，这里我们来看一个算是常用的新被纳入标准的标签吧，它就是
    2025-01-27
  • html5 利用canvas手写签名并保存的实现方法

    html5 利用canvas手写签名并保存的实现方法

    最近公司在做一个签名的功能，主要用到了canvas画线的功能结合移动端touch事件js部分是这样的：window.onload = function() { new lineCanvas({ el: document.
    2025-01-27
  • 深入浅析HTML5中的article和section的区别

    深入浅析HTML5中的article和section的区别

    内容区块是指将HTML页面按逻辑分割后的单位。对于页面网站来说，导航菜单、文章正文、文章的评论等每一个部分都可称为内容区块。　article元素article元素代表文档、页面或应用程序中独立的、完整的、可以独自被外部引用的内容。它可以是一
    2025-01-27
上一页 163164165166167168169170171下一页