登录  /  注册

当前位置:首页 > 技术文章 > web前端 > H5教程

  • HTML5 Canvas组件绘制太极图案的图文代码详情
    HTML5 Canvas组件绘制太极图案的图文代码详情
    一实现思路:实现原理主要是利用HTML5的Canvas组件提供的path函数功能来绘制圆,首先绘制两个半圆,分别为黑色和白色,组成一个圆,绘制完成以后再分别绘制一个黑色和白色的圆在绘制好的黑白圆之内,半径恰好是黑白大圆一半。 最后在绘制好的两个黑白小圆内分别填充白色和黑色的点,半径大小为10pixel左右。二程序效果如下:三关
    H5教程 . web前端 2057 2017-03-03 16:28:05
  • HTML5 组件Canvas实现电子钟的图文代码详情介绍
    HTML5 组件Canvas实现电子钟的图文代码详情介绍
    基本思路:首先绘制一个矩形背景,设置颜色为灰色。在背景上绘制一个简单的矩形外边框,然后再绘制一个内边框,接着加载选定的图像做为电子钟内部的背景图片。然后开始绘制时钟刻度,绘制分钟刻度,最后获取当前系统时间,绘制时分秒三个手柄。 技术要点:使用HTML5的Canvas 2D绘制对象,主要使用context.save()与context.restore()方法来保存绘制状态
    H5教程 . web前端 1308 2017-03-03 16:24:22
  • 提高HTML5 Canvas性能的技巧
    提高HTML5 Canvas性能的技巧
    一:是用缓存技术实现预绘制,减少重复绘制Canvs内容很多时候我们在Canvas上绘制与更新,总是会保留一些不变的内容,对于这些内容应该预先绘制缓存,而不是每次刷新。直接绘制代码如下:context.font=24px Arial;context.fillStyle=blue;context.fillText(Please press to exit game
    H5教程 . web前端 1018 2017-03-03 16:16:17
  • HTML5 Canvas平移,放缩,旋转图文代码详情
    HTML5 Canvas平移,放缩,旋转图文代码详情
    HTML5 Canvas中提供了实现图形平移,旋转,放缩的API。平移(translate)平移坐标translate(x, y)意思是把(0,0)坐标平移到(x, y),原来的(0,0)坐标则变成(-x, -y)图示如下:任何原来的坐标点p(ox, oy)在translate之后的坐标点为p(ox-x, oy-y),其中点(x, y)为平移点坐标translate(x
    H5教程 . web前端 2966 2017-03-03 16:13:55
  • HTML5 Canvas 填充与描边(Fill And Stroke) 实现的实例代码
    HTML5 Canvas 填充与描边(Fill And Stroke) 实现的实例代码
    演示HTML5 Canvas Fill 与Stroke文字效果,基于Canvas如何实现纹理填充与描边
    H5教程 . web前端 2703 2017-03-03 16:08:39
  • HTML5 Canvas阴影用法演示和代码详情
    HTML5 Canvas阴影用法演示和代码详情
    演示Canvas中shadow属性的设置应用与技巧。实现文字的边缘模糊效果,阴影效果3D拉影效果等
    H5教程 . web前端 1620 2017-03-03 16:02:20
  • HTML5 Canvas自定义圆角矩形与虚线的代码实例介绍
    HTML5 Canvas自定义圆角矩形与虚线的代码实例介绍
    实现向HTML Canvas 2d context绘制对象中添加自定义的函数功能演示,如何绘制虚线以及控制虚线间隔大小,学会绘制圆角矩形的技巧
    H5教程 . web前端 2800 2017-03-03 15:58:27
  • HTML5 Canvas中绘制一个像素宽的细线实现代码详情
    HTML5 Canvas中绘制一个像素宽的细线实现代码详情
    演示HTML5 Canvas中如何正确的画出一个像素宽的直线。
    H5教程 . web前端 1805 2017-03-03 15:53:08
  • HTML5游戏开发开源库件lufylegend1.4.0发布,新增物理引擎Box2dWeb封装和缓动类TweenLite
    HTML5游戏开发开源库件lufylegend1.4.0发布,新增物理引擎Box2dWeb封装和缓动类TweenLite
    一,lufylegend.js是什么?lufylegend是一个HTML5开源引擎, 它实现了利用仿ActionScript3.0的语法进行HTML5的开发,包含了LSprite,LBitmapData,LBitmap,LLoader,LURLLoader,LTextField,LEvent等多个AS开发人员熟悉的类, 支持Google Chrome,Firefox,Opera,IE9,IOS,A
    H5教程 . web前端 1469 2017-03-02 14:30:07
  • html5游戏开发-简单老虎机
    html5游戏开发-简单老虎机
    本游戏使用的是html5的canvas,运行游戏需要浏览器支持html5。使用开源引擎:lufylegend.js,lufylegend.js引擎包内包含这个demo,请直接下载lufylegend.js引擎,查看引擎包内源码lufylegend.js引擎下载地址http://lufylegend.com/lufylegend游戏截图游戏测试地址http://fsanguo.comoj.com/h
    H5教程 . web前端 5135 2017-03-02 14:25:19
  • html5游戏开发-零基础开发RPG游戏-开源讲座(三)-卷轴&对话实现
    html5游戏开发-零基础开发RPG游戏-开源讲座(三)-卷轴&对话实现
    前两篇,RPG的开发已经实现了添加地图和添加游戏人物,本篇来实现地图的卷轴滚动和人物对话的实现,效果如下想要了解前两篇内容,请电击下面的链接html5游戏开发-零基础开发RPG游戏-开源讲座(一)http://blog./lufy_legend/article/details/7063316html5游戏开发-零基础开发RPG游戏-开源讲座(二)-跑起来吧英雄http://blog
    H5教程 . web前端 2265 2017-03-02 14:13:58
  • html5游戏开发-零基础开发RPG游戏-开源讲座(四)-游戏脚本化&地图跳转
    html5游戏开发-零基础开发RPG游戏-开源讲座(四)-游戏脚本化&地图跳转
    首先,本篇文章是零基础开发RPG游戏-开源讲座系列文章的第四篇,来实现游戏的脚本化,和利用游戏脚本实现地图场景的切换,离上次更新貌似很长时间了,你在看下面的文字之前,需要先了解前三篇在下啰嗦了些什么东东。html5游戏开发-零基础开发RPG游戏-开源讲座(一)http://blog./lufy_legend/article/details/7063316html5游戏开发-零基础开
    H5教程 . web前端 2254 2017-03-02 14:08:40
  • HTML5游戏开发-Box2dWeb应用(一)-创建各种各样的刚体
    HTML5游戏开发-Box2dWeb应用(一)-创建各种各样的刚体
    本篇开始,会介绍lufylegend-1.4.0的新功能,怎样结合box2dweb创建一个物理世界以及这个物理世界里的各种刚体准备工作首先你需要下载html5开源库件lufylegend-1.4.0http://blog./lufy_legend/article/details/7644932box2dweb你可以到这里下载http://code.google.com/p/box2
    H5教程 . web前端 2690 2017-03-02 14:03:45
  • HTML5游戏开发-Box2dWeb应用(二)-碰撞以及各种连接
    HTML5游戏开发-Box2dWeb应用(二)-碰撞以及各种连接
    上次介绍了用box2dweb创建各种刚体,这次来介绍如何用鼠标拖拽刚体,刚体之间的碰撞,以及刚体之间的各种连接。HTML5游戏开发-Box2dWeb应用(一)-创建各种各样的刚体http://blog./lufy_legend/article/details/7654607一,鼠标拖拽刚体使用lufylegend.js库件后,拖拽刚体变得很简单,只需调用LSprite的setBod
    H5教程 . web前端 2223 2017-03-02 13:58:40
  • HTML5游戏开发开源库件lufylegend1.4.1发布
    HTML5游戏开发开源库件lufylegend1.4.1发布
    lufylegend.js库件的下载及API文档请点击下面链接http://lufylegend.com/lufylegend一,1.4.1版更新内容1,修正了一些低级bug2,增加了hitTest方法,用于检测矩形碰撞3,增加了hitTestArc方法,用于检测圆形碰撞4,为ie浏览器增加了Array.prototype.indexOf方法5,增加了LRectangle矩形类6,增加了LQuad
    H5教程 . web前端 1554 2017-03-02 13:53:25

PHP讨论组

组员:3305人话题:1500

PHP一种被广泛应用的开放源代码的多用途脚本语言,和其他技术相比,php本身开源免费; 可以将程序嵌入于HTML中去执行, 执行效率比完全生成htmL标记的CGI要高许多,它运行在服务器端,消耗的系统资源相当少,具有跨平台强、效率高的特性,而且php支持几乎所有流行的数据库以及操作系统,最重要的是

学习途径

工具推荐

jQuery企业留言表单联系代码

jQuery企业留言表单联系代码是一款简洁实用的企业留言表单和联系我们介绍页面代码。
表单按钮
2024-02-29

HTML5 MP3音乐盒播放特效

HTML5 MP3音乐盒播放特效是一款基于html5+css3制作可爱的音乐盒表情,点击开关按钮mp3音乐播放器。
播放器特效
2024-02-29

HTML5炫酷粒子动画导航菜单特效

HTML5炫酷粒子动画导航菜单特效是一款导航菜单采用鼠标悬停变色的特效。
菜单导航
2024-02-29

jQuery可视化表单拖拽编辑代码

jQuery可视化表单拖拽编辑代码是一款基于jQuery和bootstrap框架制作可视化表单。
表单按钮
2024-02-29

有机果蔬供应商网页模板 Bootstrap5

一款有机果蔬供应商网页模板-Bootstrap5
Bootstrap模板
2023-02-03

Bootstrap3多功能数据信息后台管理响应式网页模板-Novus

Bootstrap3多功能数据信息后台管理响应式网页模板-Novus
后端模板
2023-02-02

房产资源服务平台网页模板 Bootstrap5

房产资源服务平台网页模板 Bootstrap5
Bootstrap模板
2023-02-02

简约简历资料网页模板 Bootstrap4

简约简历资料网页模板 Bootstrap4
Bootstrap模板
2023-02-02

可爱的夏天元素矢量素材(EPS+PNG)

这是一款可爱的夏天元素矢量素材,包含了太阳、遮阳帽、椰子树、比基尼、飞机、西瓜、冰淇淋、雪糕、冷饮、游泳圈、人字拖、菠萝、海螺、贝壳、海星、螃蟹、柠檬、防晒霜、太阳镜等等,素材提供了 EPS 和免扣 PNG 两种格式,含 JPG 预览图。
PNG素材
2024-02-29

四个红的的 2023 毕业徽章矢量素材(AI+EPS+PNG)

这是一款红的的 2023 毕业徽章矢量素材,共四个,提供了 AI 和 EPS 和免扣 PNG 等格式,含 JPG 预览图。
PNG素材
2024-02-29

唱歌的小鸟和装满花朵的推车设计春天banner矢量素材(AI+EPS)

这是一款由唱歌的小鸟和装满花朵的推车设计的春天 banner 矢量素材,提供了 AI 和 EPS 两种格式,含 JPG 预览图。
banner图
2024-02-29

金色的毕业帽矢量素材(EPS+PNG)

这是一款金色的毕业帽矢量素材,提供了 EPS 和免扣 PNG 两种格式,含 JPG 预览图。
PNG素材
2024-02-27

家居装潢清洁维修服务公司网站模板

家居装潢清洁维修服务公司网站模板是一款适合提供家居装潢、清洁、维修等服务机构宣传网站模板下载。提示:本模板调用到谷歌字体库,可能会出现页面打开比较缓慢。
前端模板
2024-02-29

清新配色个人求职简历引导页模板

清新配色个人求职简历引导页模板是一款适合清新配色风格的个人求职简历作品展示引导页网页模板下载。提示:本模板调用到谷歌字体库,可能会出现页面打开比较缓慢。
前端模板
2024-02-29

设计师创意求职简历网页模板

设计师创意求职简历网页模板是一款适合各种不同设计师岗位个人求职简历展示网页模板下载。提示:本模板调用到谷歌字体库,可能会出现页面打开比较缓慢。
前端模板
2024-02-28

现代工程建筑公司网站模板

现代工程建筑公司网站模板是一款适合从事工程建筑服务行业宣传网站模板下载。提示:本模板调用到谷歌字体库,可能会出现页面打开比较缓慢。
前端模板
2024-02-28
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2024 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号