用HTML5,Canvas做了个在线画画网,支持PC,iPad,Andriod平板电脑,欢迎批评!

布谷鸟20080122 2012-07-11

http://www.LG708.com

• HTML5+Canvas+jQuery+Ajax+C#.NET;Windows,iOS,Andriod,Linux...
• 免费、在线式、无需安装;可用于计算机及平板电脑如iPad,智能手机iPhone...
• 能选画笔颜色、动感粗细、智能笔触、动感透明度;下载、保存、分享、打印...
• 能画油画、水粉画、水彩画、碳笔画、油画棒、喷绘、国画、写意画、工笔画各种效果...
• 能保存绘画过程并以动画形式重新播放,很适用于图画教学...
• 可选择图片为背景用于临摹(国内外名画等);儿童简笔画素材,用于少儿学画...
• 支持上传图片用于临摹、教学、设计稿讨论、涂鸦...

学习HTML作业,见面礼!欢迎批评指正!
firefight 2012-07-12
做的不错,
有两个问题,浏览器缩放后,工具栏图标坐标移位(CHROME17, FF12, SAFARI5.1)
CHROME中部分中文乱码。
布谷鸟20080122 2012-07-17
嗯,未考虑缩放情况,谢谢提示。
firefight 2012-07-18
其实缩放也简单,用CSS设置一下就行了
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