一个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 |