html5

SVG

SVG Shapes 1.矩形 关键字:css, html, html5, svg

30分钟做一个二维码名片应用,有源码!

前言30分钟带你用Wex5做一个微信公众号上使用的二维码名片,相应技术点有详细讲解,高清有码!(点击下载全部源码)二维码现在是无处不在,无孔不入了。大到一辆汽车,小到一包纸巾,身上都印有二维码,明码标价。败家娘们可能会说:没想过要买的,真心的!就是看着漂亮嘛,想拍个照片,谁知道一拍就弹出个支付界面,想按退出但是手抖。。。(这手抖的,不知道放在菜刀下会不会稳定一点?)作为个人

PHP开发中涉及到emoji表情的几种处理方法

最近几个月做微信开发比较多,存储微信昵称必不可少可这万恶的微信支持emoji表情做昵称,这就有点蛋疼了一般Mysql表设计时,都是用UTF8字符集的。把带有emoji的昵称字段往里面insert一下就没了,整个字段变成了空字符串。这是怎么回事呢?原来是因为Mysql的utf8字符集是3字节的,而emoji是4字节,这样整个昵称就无法存储了。这要怎么办呢?我来介绍几种方法1、

《每周一点canvas动画》——坐标旋转

每周一点canvas动画代码文件在上一节中我们介绍了一些碰撞检测的方法。这一节本来打算讲解一个基于距离碰撞检测的小游戏。但是,因为最近比较忙,一直没来的及把游戏的整个过程完整的写出来。所以,这一节我们继续介绍下一项新技术——坐标旋转,它可能相对枯燥一些,而且有一些大家十分讨厌的数学公式。但是,它是我们后面高级动画的基石。所以,看的时候还请耐心一点,关于碰撞检测的游戏示例,我

《每周一点canvas动画》——碰撞检测(1)

每周一点canvas动画代码文件在前面的几章中我介绍了一些动画效果,这些动画效果都相对基础。但是通过这些基础的动画形式和概念,你可以设计出更复杂的动画。本章将介绍在动画中相对来说比较难的物理概念——碰撞检测,当然,我并不是说这个概念在理解上有多难,而是其实现的过程,以及实现的方式上,比较考验你的脑洞。言归正传,本章主要内容:碰撞检测的方法几何体碰撞检测方法基于距离的碰撞检测

又被事件冒泡坑了一把,这次要彻底弄懂浏览器的事件流

打算封装一个弹窗组件,做的时候忘记了考虑事件冒泡的因素,结果被坑得不要不要的。为了解决自己的问题,去查阅了不少资料,把事件流相关的知识都给总结一下。事件冒泡:一个简单,但是坑了我无数回的知识点!JavaScript与HTML的交互通过事件来实现。而浏览器的事件流是一个非常重要的概念。不去讨论那些古老的浏览器有事件捕获与事件冒泡的争议,只需要知道在DOM2中规定的事件流包括了

从零开始开发一款H5小游戏(一) 重温canvas的基础用法

本系列文章对应游戏代码已开源 Sinuous game。初衷从萌发写一个小游戏的想法到完成游戏开发用了大概一周的业余时间。这个过程积累了一些经验,也算是参透了一些游戏开发的原理。在这里打算写一个系列教程,讲述怎样从零开始开发一款小游戏。让新者少走弯路,快速入手。也能让自己总结反思,发现问题。在开始介绍如何写游戏前有必要重温一下canvas。它是本游戏的地基,建房子要快,首先

html 不常用标签介绍

文本元素如果单词太长,或者您担心浏览器会在错误的位置换行,那么您可以使用 元素来添加 Word Break Opportunity(单词换行时机)。英文单词过长时使用会根据浏览器的宽度适当的裁切换行。 如果想学习 AJAX,那么您必须熟悉 XMLHttpRequest 对象。添加下划线,起到强调作用元素实际作用就是删除线;从语义上来看,表示不准确的删除元素实际作用就

探索发现:CSS实现中文两端对齐

今天在搜索“CSS实现中文两端对齐”的解决方法时,偶然发现了这个hack:我遇到问题是:看不到效果,无论是英文还是中文,在IE和chrome下都不起作用。还好在StackOverflow上找到了解决方法 :)样式:div.justify {   text-align: justify; width:200px; font-size:15px; color:red;   bo