一个HTML5的拼图游戏

firefight 2012-06-29
演示了HTML5中SVG与CANVAS结合的功能,利用SVG PATH接收复杂区域的用户输入,而CANVAS作为画布进行图片的显示
主要技术:
动态生成包含贝塞尔曲线的SVG路径字符串
正则表达式解析SVG PATH字符串,并等效的进行CANVAS CLIP
拖动和旋转,通过转换矩阵做到SVG与CANVAS的同步

例子放到http://202.112.9.167/eno/JigsawPuzzle/JigsawPuzzle.html
dawnniuniu 2012-07-13
就是灵敏度不高啊
firefight 2012-07-13
你用的什么浏览器,好像CHROME和IE9好一些,FF比较差
dawnniuniu 2012-07-13
谷歌的好一些,之前用的是opera
firefight 2012-07-13
性能不足还是HTML5的最主要问题之一,CHROME的JS引擎性能虽好,但小BUG却是最多的,FF性能就差多了,还是SAFARI表现最中庸。IE9速度也很快,但不支持XP,这些浏览器没有一个十全十美的,真是头疼啊。。。
u013680195 2014-04-02
CSS基础教程17篇

此教程共17篇,由浅到深、循序渐进的讲述CSS知识。
对初学者有很大的学习价值,对已入门的朋友也有重要的参考价值。

1、CSS的应用
http://www.weby.com.cn/view.asp?id=13

2、CSS Selectors,Properties,and Values 选择器 、属性、值
http://www.weby.com.cn/view.asp?id=14

3、CSS的color颜色
http://www.weby.com.cn/view.asp?id=15

4、CSS的Text 文本
http://www.weby.com.cn/view.asp?id=16

5、Margin和Padding
http://www.weby.com.cn/view.asp?id=17

补充:CSS盒模型(Box Model)问题详解
http://www.weby.com.cn/view.asp?id=18

6、CSS的Border边框
http://www.weby.com.cn/view.asp?id=19

7、CSS属性结合起来使用
http://www.weby.com.cn/view.asp?id=20

8、CSS的Class以及ID选择器
http://www.weby.com.cn/view.asp?id=21

9、CSS的Grouping and Nesting分组和嵌套
http://www.weby.com.cn/view.asp?id=22

10、CSS的Pseudo Classes 伪类
http://www.weby.com.cn/view.asp?id=23
11、CSS的属性缩写
http://www.weby.com.cn/view.asp?id=24

12、CSS的Background Images 背景图片
http://www.weby.com.cn/view.asp?id=25

13、CSS的display属性
http://www.weby.com.cn/view.asp?id=26

14、CSS网页布局Page Layout
http://www.weby.com.cn/view.asp?id=27

15、CSS的At-Rules@规则
http://www.weby.com.cn/view.asp?id=28

16、CSS的伪元素Pseudo Elements
http://www.weby.com.cn/view.asp?id=29

17、CSS的优先级特性Specificity 
http://www.weby.com.cn/view.asp?id=30
Global site tag (gtag.js) - Google Analytics