当前位置: 首页 > 文章教程  > 计算机与互联网 > 网页制作
  • 在canvas上实现元素图片镜像翻转动画效果的方法

    一、Canvas图片水平镜像翻转效果预览您可以狠狠的点击这里:canvas图片水平镜像翻转动画demodemo页面中点击图片动画效果可见。二、Canvas上实现图片镜像翻转的实现CSS中要想实现元素的翻转效果,比较简单,例如我们希望某一张图片水平镜像翻转,只需要一行CSS就可以了:i…

    5/9/2018 9:35:59 PM 人评论 次浏览
  • 浅谈html5与APP混合开发遇到的问题总结

    背景在公司参与一个原生APP和h5混合开发的项目,本人在项目中负责h5部分,现将项目中遇到的问题总结如下:具体问题问题1:页面滚动条问题问题描述web页面在PC浏览器上浏览时有滚动条;但是,在移动端浏览器打开时,没有滚动条解决方法将页面的最外层(我一般在写页面时,会…

    5/9/2018 9:35:58 PM 人评论 次浏览
  • html5调用app分享功能示例(WebViewJavascriptBridge)

    小编接到领导任务,写h5移动端活动页面,点击页面内容调取ios和Android开发自己写的分享功能(包括微信、微信朋友圈、QQ、QQ空间等),包括用户未登录,让其登录后才能分享,分享成功后发起请求给予优惠券功能,下面是所得到的经验,仅供参考。建议不要使用ShareSDK直接上…

    5/9/2018 9:35:56 PM 人评论 次浏览
  • 快速创建 HTML5 Canvas 电信网络拓扑图的示例代码

    前言属性列表想必大家都不会陌生,正常用 HTML5 来做的属性列表大概就是用下拉菜单之类的,而且很多情况下,下拉列表还不够好看,怎么办?我试着用 HT for Web 来实现属性栏点击按钮弹出多功能选框,对传入的数据进行选择的功能,感觉整体实践起来还是比较简单方便的,所…

    5/9/2018 9:35:55 PM 人评论 次浏览
  • canvas 下载二维码和图片加水印的方法

    昨天介绍了一个生成二维码的插件QRCode.js,它是借助HTML5 Canvas绘制而成。所以,今天的主角就是canvas啦–canvas的实际应用。一、下载二维码(查看如何生成二维码)HTMLCanvasElement提供了toDataURL方法,该方法返回一个包含被类型参数规定图像表现格式的dat…

    5/9/2018 9:35:54 PM 人评论 次浏览
  • 详解canvas绘图时遇到的跨域问题

    当在canvas中绘制一张外链图片时,我们会遇到一个跨域问题。示例如下:<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>crossorigin</title></head><body><canvas width=&q…

    5/9/2018 9:35:54 PM 人评论 次浏览
  • canvas线条的属性详解

    一、线条的帽子lineCap取值:butt(默认值),round圆头,square方头var canvas=document.getElementById("canvas");canvas.width=800;canvas.height=800;var context=canvas.getContext("2d");context.lineWidth=40;context.strokeStyle="#005588&…

    5/9/2018 9:35:31 PM 人评论 次浏览
  • HTML页面自动清理js、css文件的缓存(自动添加版本号)

    在web项目开发过程中,我们经常会引用css、js文件,更新文件后常出现缓存问题(明明更改了代码,在浏览器上访问的时候却没有发生变化),这种情况我们通常采用以下两种解决方案:1、手动清除浏览器缓存2、添加版本号(如 layout.css?v=1)个人认为方法2更快,因为清除浏…

    5/9/2018 9:33:54 PM 人评论 次浏览
  • HTML实现移动端固定悬浮半透明搜索框

    Question. 问题在移动端商城系统中,我们常常看到位于页面顶部有一个搜索框,这类搜索框博主比较喜欢的是固定在页面顶部,半透明悬浮,能依稀看见部分轮播图的形式。要制作这样的搜索框,技术关键在于:fixed 搜索框定位opacity 设置透明度Solution. 解决首先我们定义一个…

    5/9/2018 9:33:53 PM 人评论 次浏览
  • HTML实现双11抢劵(设定时间打开抢券的页面)

    废话不多说了,直接给大家贴代码了,具体代码如下所示: <!DOCTYPE html><html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" /><title></title><style type=&qu…

    5/9/2018 9:33:52 PM 人评论 次浏览
  • HTML 表单组件实例代码

    HTML 表单用于搜集不同类型的用户输入。下文通过代码给大家分享html 表单组件实例代码,感兴趣的朋友参考下吧废话不多说了,直接给大家贴代码了,具体代码如下所示:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <ti…

    5/9/2018 9:33:52 PM 人评论 次浏览
  • HTML实现海康摄像头实时监控功能

    最近公司安排做CCFA的一些东西,有一项就是做一个网页播放摄像头的实时监控。网上百度了很久,很多都是直接用vlc插件实现,但是目前主流浏览器都已经不支持vlc插件了,搞了很久也没成功。网上大多是这么实现的:<object type=application/x-vlc-plugin id=vlc eve…

    5/9/2018 9:33:50 PM 人评论 次浏览