• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

安全教程

RSS
  • html5 Canvas画图教程(1)—画图的基本常识
    html5 Canvas画图教程(1)—画图的基本常识
    Canvas,意为画布也。而Html5中的Canvas也真的跟现实生活中的画布非常相似。所以,把他看成一块实实在在的画布可以加快理解;如果你想学习Canvas画图,你必须要有Javascript基础,不多说了,切入正题 ...……
    作者:菜鸟教程小白 | 时间:2022-6-21 11:30 | 阅读:112 | 回复:0
  • 使用html5+css3来实现slider切换效果告别javascript+css
    使用html5+css3来实现slider切换效果告别javascript+css
    提到slider,过去一直都是用css+js来配合实现相关的切换效果。听过大家一直讨论使用html5+css3的实现方式,自己却一直没有动手实现过。好吧,这次我有时间来玩下css3了,感兴趣的朋友可以了解下哦 ...……
    作者:菜鸟教程小白 | 时间:2022-6-21 11:30 | 阅读:88 | 回复:0
  • 几个解决兼容IE6\7\8不支持html5标签的几个方法
    几个解决兼容IE6\7\8不支持html5标签的几个方法
    html5大行其道的时代已经到来,如果还在纠结于,是否应该掌握html5和css3技术时,请狠狠的抽自己几个嘴巴,然后,苦学吧!下面我们来看几个解决兼容IE6\7\8不支持html5标签的几个方法 ...……
    作者:菜鸟教程小白 | 时间:2022-6-21 11:30 | 阅读:74 | 回复:0
  • html5 canvas-2.用canvas制作一个猜字母的小游戏
    html5 canvas-2.用canvas制作一个猜字母的小游戏
    今天我们要用canvas制作一个猜字母的小游戏,游戏设计很简单,系统会随机从a-z的26个字母中选择一个保存起来,你键盘输入一个字母,系统会提示你正确字符比你当前输入字母小还是大,直到你输入正确的字母游戏才结束, ...……
    作者:菜鸟教程小白 | 时间:2022-6-21 11:30 | 阅读:51 | 回复:0
  • html5 canvas-1.canvas介绍(hello canvas)
    html5 canvas-1.canvas介绍(hello canvas)
    大家都知道,目前并不是所有的浏览器中支持html5,就算是支持html5的浏览器,也不见得支持html5所有的新特性,建议大家使用firefox(开发者的最爱)或者是chrome浏览器,我所有的例子都是基于firefox开发的 ...……
    作者:菜鸟教程小白 | 时间:2022-6-21 11:30 | 阅读:47 | 回复:0
  • html5指南-1.html5全局属性(html5 global attributes)深入理解
    html5指南-1.html5全局属性(html5 global attributes)深入理解
    一个元素可以定义自己的属性,比如a标签定义href属性,这种叫局部属性(local attribute)。相对应的我们可以通过全局属性(global attribute)为所有元素设置共有的行为,当然你也可以为单独元素设置全局属性,只是 ...……
    作者:菜鸟教程小白 | 时间:2022-6-21 11:30 | 阅读:52 | 回复:0
  • html5指南-2.如何操作document metadata
    html5指南-2.如何操作document metadata
    今天的内容是关于如何操作document对象,一些新手朋友可能对此很陌生,接下来本文详细介绍下,感兴趣的朋友可以了解哦……
    作者:菜鸟教程小白 | 时间:2022-6-21 11:30 | 阅读:44 | 回复:0
  • html5指南-3.如何实现html元素拖拽功能
    html5指南-3.如何实现html元素拖拽功能
    本文的内容是关于在html5中如何实现html元素拖拽功能。在html5之前要实现拖拽,需要借助js,现在html5内部就支持了拖拽的功能,但是要实现稍微复杂的功能还是少不了js的帮忙 ...……
    作者:菜鸟教程小白 | 时间:2022-6-21 11:30 | 阅读:46 | 回复:0
  • html5指南-4.使用Geolocation实现定位功能
    html5指南-4.使用Geolocation实现定位功能
    今天我们要学习的是使用Geolocation实现定位功能。我们可以通过navigator.geolocation获取Geolocation对象,感兴趣的朋友可以了解下……
    作者:菜鸟教程小白 | 时间:2022-6-21 11:30 | 阅读:45 | 回复:0
  • html5指南-5.使用web storage存储键值对的数据
    html5指南-5.使用web storage存储键值对的数据
    本节课的内容是介绍web storage,使用它在浏览器里存储键值对的数据,功能上像以前的cookie一样,不过他更好,存储的数据可以更大感兴趣的朋友可以了解下哦 ...……
    作者:菜鸟教程小白 | 时间:2022-6-21 11:30 | 阅读:41 | 回复:0
  • HTML5之SVG 2D入门1—SVG(可缩放矢量图形)概述
    HTML5之SVG 2D入门1—SVG(可缩放矢量图形)概述
    可缩放矢量图形(Scalable Vector Graphics,简称SVG)是一种使用XML来描述二维图形的语言(SVG严格遵从XML语法),SVG 功能集包括嵌套转换、剪切路径、alpha 蒙板和模板对象,感兴趣的朋友可以了解下,或许对你的html5 SV ...……
    作者:菜鸟教程小白 | 时间:2022-6-21 11:29 | 阅读:80 | 回复:0
  • HTML5之SVG 2D入门4—笔画与填充
    HTML5之SVG 2D入门4—笔画与填充
    颜色处理,也就是填充和边框效果;你会发现这里的内容与canvas基本上是一致的。这些属性既可以以属性的形式写在元素中,也可以以CSS的形式保存,这是与canvas不一样的地方 ...……
    作者:菜鸟教程小白 | 时间:2022-6-21 11:29 | 阅读:79 | 回复:0
  • 利用html5 canvas破解简单验证码及getImageData接口应用
    利用html5 canvas破解简单验证码及getImageData接口应用
    :HTML 5中的canvas有个接口getImageData可以用来从验证码图像中取得像素数据。每一个像素有对应r,g,b,a四个值,r,g,b是红绿蓝三色,a是透明度;观察了一下,接下来说下思路及实现代码,感兴趣的你可不哟啊走开啊 ...……
    作者:菜鸟教程小白 | 时间:2022-6-21 11:29 | 阅读:65 | 回复:0
  • 利用HTML5中Geolocation获取地理位置调用Google Map API在Google Map上定位 ...
    利用HTML5中Geolocation获取地理位置调用Google Map API在Google Map上定位 ...
    本小菜刚开始学习HTML5,现在对其中的Geolocation颇感兴趣,结合Google Map的API实现基本的地图定位功能主要是由以下几个步骤:获取当前地理位置、调用Google Map API获取当前位置信息 ...……
    作者:菜鸟教程小白 | 时间:2022-6-21 11:29 | 阅读:75 | 回复:0
  • Html5游戏开发之乒乓Ping Pong游戏示例(三)
    Html5游戏开发之乒乓Ping Pong游戏示例(三)
    我们已经用jQuery初始化了球拍。现在我们做一个如何使用jQuery安置游戏元素,用网格背景来检查我们游戏的元素位置的实验,感兴趣的朋友可以了解下,祝大家游戏开发快乐 ...……
    作者:菜鸟教程小白 | 时间:2022-6-21 11:29 | 阅读:83 | 回复:0
  • Html5游戏开发之乒乓Ping Pong游戏示例(二)
    Html5游戏开发之乒乓Ping Pong游戏示例(二)
    我们已经准备就绪,是时候创建PingPong游戏了1、我们将继续我们的jQuery安装示例,在编辑器里打开index.html2、然后,在body里用DIV节点创建游戏平台,在游戏平台中有2个拍子和一个球,闲话不多说看代码吧 ...……
    作者:菜鸟教程小白 | 时间:2022-6-21 11:29 | 阅读:72 | 回复:0
  • Html5游戏开发之乒乓Ping Pong游戏示例(一)
    Html5游戏开发之乒乓Ping Pong游戏示例(一)
    它是一款乒乓游戏,有2个玩家使用一个键盘比赛;在这一章节我们将:1.准备开发工具2.建立我们的第一个游戏-Ping Pong 3.学习使用Jquery JavaScript库做基本定位 4.获取键盘输入 ...……
    作者:菜鸟教程小白 | 时间:2022-6-21 11:29 | 阅读:74 | 回复:0
  • HTML5中Canvas与SVG的画图原理比较
    HTML5中Canvas与SVG的画图原理比较
    canvas 与 SVG都能够使你在浏览器中画图,但它们的基本原理不同,接下来将对canvas 与 SVG的画图原理进行介绍,感兴趣的朋友可以了解下……
    作者:菜鸟教程小白 | 时间:2022-6-21 11:29 | 阅读:75 | 回复:0
  • html5 svg 中元素点击事件添加方法
    html5 svg 中元素点击事件添加方法
    最近在用svg的点击事件做东西,之所以用svg而不用canvas就是因为svg内的元素可以添加点击事件,接下来详细介绍添加方法,感兴趣的朋友可以了解下……
    作者:菜鸟教程小白 | 时间:2022-6-21 11:29 | 阅读:70 | 回复:0
  • html5 Canvas画图教程(11)—使用lineTo/arc/bezierCurveTo画椭圆形
    html5 Canvas画图教程(11)—使用lineTo/arc/bezierCurveTo画椭圆形
    canvas中根本没有画椭圆的方法,我们要用其他方法来模拟,我们首先要明确画一个椭圆需要那些参数,基本的几何知识告诉我们,椭圆需要圆心坐标,宽度,高度——或者还有旋转角度,接下来将介绍使用lineTo画椭圆,使用ar ...……
    作者:菜鸟教程小白 | 时间:2022-6-21 11:29 | 阅读:83 | 回复:0
  • html5 Canvas画图教程(10)—把面拆成线条模拟出圆角矩形
    html5 Canvas画图教程(10)—把面拆成线条模拟出圆角矩形
    上一篇文章我讲了画矩形和圆形的方法,他们都有原生的canvas绘图函数可完成。而本文讲的圆角矩形则只有通过其他方法模拟出来,我们动用把面拆成线条的能力,很容易就能发现圆角矩形其实是由4条钩子般的曲线组成,感兴 ...……
    作者:菜鸟教程小白 | 时间:2022-6-21 11:29 | 阅读:91 | 回复:0
  • html5 Canvas画图教程(9)—canvas中画出矩形和圆形
    html5 Canvas画图教程(9)—canvas中画出矩形和圆形
    本文讲一下在canvas中画出矩形和圆形的办法,他们属于基础图形。当然,基础图形本来不止他们,但在canvas中,只有画矩形与圆形不需要用其他方法模拟,感兴趣的朋友可以了解下 ...……
    作者:菜鸟教程小白 | 时间:2022-6-21 11:29 | 阅读:106 | 回复:0
  • html5 Canvas画图教程(8)—canvas里画曲线之bezierCurveTo方法
    html5 Canvas画图教程(8)—canvas里画曲线之bezierCurveTo方法
    arc,arcTo以及quadraticCurveTo.他们都有一个共同点,就是他们画的曲线都只能偏向一边,今天讲的bezierCurveTo与他们最大的不同点就是有两个控制点,即可以画出S形的曲线了,感兴趣的朋友可以了解下哦 ...……
    作者:菜鸟教程小白 | 时间:2022-6-21 11:29 | 阅读:92 | 回复:0
  • html5 Canvas画图教程(7)—canvas里画曲线之quadraticCurveTo方法
    html5 Canvas画图教程(7)—canvas里画曲线之quadraticCurveTo方法
    今天讲quadraticCurveTo方法画曲线,quadratic的意思是二次,即数学中二次元方程那个二次,接下来详细介绍quadraticCurveTo方法的使用,感兴趣的朋友可以了解下哦 ...……
    作者:菜鸟教程小白 | 时间:2022-6-21 11:29 | 阅读:129 | 回复:0
  • 突袭HTML5之Javascript API扩展3—本地存储全新体验
    突袭HTML5之Javascript API扩展3—本地存储全新体验
    存储数据在客户端可以解决很多的问题和减少不必要的传输数据: 能保存程序的状态/ 能缓存数据/能保存用户的喜好等等以前的做法是很繁笨的,接下来将详细介绍感兴趣的朋友可以了解下,或许对你有所帮助 ...……
    作者:菜鸟教程小白 | 时间:2022-6-21 11:28 | 阅读:97 | 回复:0
  • 突袭HTML5之Javascript API扩展2—地理信息服务及地理位置API学习
    突袭HTML5之Javascript API扩展2—地理信息服务及地理位置API学习
    在HTML5中,加入了新的地理位置API用来确定和分享地理位置。这一类服务就是企业利用某点(例如用户所在的位置)坐标附近的区域提供服务的信息,比如常见的地图相关服务,本文详细介绍下,感兴趣的朋友可以了解下,或许 ...……
    作者:菜鸟教程小白 | 时间:2022-6-21 11:28 | 阅读:119 | 回复:0
  • 突袭HTML5之Javascript API扩展1—Web Worker异步执行及相关概述
    突袭HTML5之Javascript API扩展1—Web Worker异步执行及相关概述
    HTML5 中的 Web Worker 可以分为两种不同线程类型,一个是专用线程 Dedicated Worker,一个是共享线程 Shared Worker。两种类型的线程各有不同的用途,感兴趣的朋友可以了解下啊,或许对你有所帮助 ...……
    作者:菜鸟教程小白 | 时间:2022-6-21 11:28 | 阅读:76 | 回复:0
  • HTML5之SVG 2D入门13—svg对决canvas及长处和适用场景分析
    HTML5之SVG 2D入门13—svg对决canvas及长处和适用场景分析
    到目前为止,SVG与Canvas的主要特性均已经总结完毕了,现在,我们就来比对一下这两种技术,分析一下它们的长处和适用场景,感兴趣的朋友可以了解下哦,或许对你有所帮助 ...……
    作者:菜鸟教程小白 | 时间:2022-6-21 11:28 | 阅读:69 | 回复:0
  • HTML5之SVG 2D入门12—SVG DOM及DOM操作介绍
    HTML5之SVG 2D入门12—SVG DOM及DOM操作介绍
    由于SVG是html的元素,所以支持普通的DOM操作,又由于SVG本质上是xml文档,所以也有一种特殊的DOM操作,大多称之为SVG DOM,本文将详细介绍下SVG中的DOM操作,感兴趣的朋友可不要错过哦 ...……
    作者:菜鸟教程小白 | 时间:2022-6-21 11:28 | 阅读:65 | 回复:0
  • HTML5之SVG 2D入门11—用户交互性(动画)介绍及应用
    HTML5之SVG 2D入门11—用户交互性(动画)介绍及应用
    SVG拥有良好的用户交互性:SVG能响应大部分的DOM2事件,SVG能通过cursor良好的捕捉用户鼠标的移动等等,感兴趣的朋友可以了解下啊,或许本文对你学习动画有所帮助 ...……
    作者:菜鸟教程小白 | 时间:2022-6-21 11:28 | 阅读:251 | 回复:0
  • HTML5之SVG 2D入门10—滤镜的定义及使用
    HTML5之SVG 2D入门10—滤镜的定义及使用
    滤镜称得上是SVG最强大的功能了,它允许你给图形(图形元素和容器元素)添加各种专业软件中才有的滤镜特效,喜欢特效的朋友可千万不要错过啊。希望本对你有所帮助 ...……
    作者:菜鸟教程小白 | 时间:2022-6-21 11:28 | 阅读:61 | 回复:0
  • HTML5之SVG 2D入门9—蒙板及mask元素介绍与应用
    HTML5之SVG 2D入门9—蒙板及mask元素介绍与应用
    SVG支持多种蒙板特效,使用这些特性,我们可以做出很多很炫的效果,喜欢特效的朋友可不要错过哦。至于中文中把mask叫做"蒙板"还是"遮罩"就不去区分了,这里都叫做蒙板吧,希望本文对你有所帮助 ...……
    作者:菜鸟教程小白 | 时间:2022-6-21 11:28 | 阅读:57 | 回复:0
  • HTML5之SVG 2D入门8—文档结构及相关元素总结
    HTML5之SVG 2D入门8—文档结构及相关元素总结
    前面介绍了很多的基本元素,包括结构相关的组合和重用元素,这里主要是对SVG的文档结构中剩下的相关元素简单总结一下,感兴趣的朋友可不要错过哦,然后继续向前领略SVG的其他特性 ...……
    作者:菜鸟教程小白 | 时间:2022-6-21 11:28 | 阅读:60 | 回复:0
  • HTML5之SVG 2D入门7—SVG元素的重用与引用
    HTML5之SVG 2D入门7—SVG元素的重用与引用
    前面介绍了很多的图形元素,如果很多图形本身是一样的,需要每次都去定义一个新的么?我们可以重用一些图形吗?这就是本节讲的重点:SVG元素的重用,感兴趣的朋友可以了解下,或许对你有所帮助 ...……
    作者:菜鸟教程小白 | 时间:2022-6-21 11:28 | 阅读:63 | 回复:0
  • HTML5之SVG 2D入门6—视窗坐标系与用户坐标系及变换概述
    HTML5之SVG 2D入门6—视窗坐标系与用户坐标系及变换概述
    SVG存在两套坐标系统:视窗坐标系与用户坐标系。默认情况下,用户坐标系与视窗坐标系的点是一一对应的,记下来介绍下坐标与变换,感兴趣的朋友可以了解下啊,或许对你有所帮助 ...……
    作者:菜鸟教程小白 | 时间:2022-6-21 11:28 | 阅读:64 | 回复:0
  • HTML5之SVG 2D入门5—颜色的表示及定义方式
    HTML5之SVG 2D入门5—颜色的表示及定义方式
    SVG和canvas中是一样的,都是使用标准的HTML/CSS中的颜色表示方法,这些颜色都可以用于fill和stroke属性,接下来介绍下颜色的表示及定义方式感兴趣的朋友可以了解下,或许对你有所帮助 ...……
    作者:菜鸟教程小白 | 时间:2022-6-21 11:28 | 阅读:64 | 回复:0
  • HTML5之SVG 2D入门3—文本与图像及渲染文本介绍
    HTML5之SVG 2D入门3—文本与图像及渲染文本介绍
    SVG的强大能力之一是它可以将文本控制到标准HTML页面不可能有的程度,而无须求助图像或其它插件,尽管SVG的文本渲染如此强大,但是还是有一个不足之处:SVG不能执行自动换行,接下来介绍SVG中渲染文本,感兴趣的朋友可 ...……
    作者:菜鸟教程小白 | 时间:2022-6-21 11:28 | 阅读:62 | 回复:0
  • HTML5之SVG 2D入门2—图形绘制(基本形状)介绍及使用
    HTML5之SVG 2D入门2—图形绘制(基本形状)介绍及使用
    SVG提供了很多的基本形状,这些元素可以直接使用,这一点比canvas好多了,在这里就不多说了,感兴趣的朋友可以了解下,或许本文对你的了解SVG的图形绘制有所帮助 ...……
    作者:菜鸟教程小白 | 时间:2022-6-21 11:28 | 阅读:77 | 回复:0
  • Html5实现如何在两个div元素之间拖放图像
    Html5实现如何在两个div元素之间拖放图像
    调用 preventDefault() 来避免浏览器对数据的默认处理(drop 事件的默认行为是以链接形式打开)通过 dataTransfer.getData(Text) 方法获得被拖的数据,感兴趣的朋友可以参考下哈 ...……
    作者:菜鸟教程小白 | 时间:2022-6-21 11:27 | 阅读:87 | 回复:0
  • 检测浏览器是否支持html5视频的代码
    检测浏览器是否支持html5视频的代码
    学习w3c是看到一个检测您的浏览器是否支持 HTML5 视频的方法,在这里与大家分享下,感兴趣的各位可以参考下哈,希望可以帮助到你……
    作者:菜鸟教程小白 | 时间:2022-6-21 11:27 | 阅读:66 | 回复:0

关注我们

极客给你想要的成长

关注极客中国获取最新资讯

热门推荐
专题导读
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap