阅读更多

76顶
4踩

Web前端

原创新闻 神奇的HTML5 画图应用

2010-02-08 11:25 by 副主编 zly06 评论(63) 有35940人浏览

昨天,Dzone上有一篇名为:Amazing HTML5 paint app 的文章,受到了很多人的关注。文中只有一句话“Sorry Adobe Flash, your days are numbered”(Adobe Flash,你的死期将至)。

也许你会想,IE 压根就不支持HTML5!那是因为你不知道有explorercanvas(HTML5 Canvas for Internet Explorer)  的存在,它能让IE支持HTML5。

点击查看Demo(效果确实很不错):http://mugtug.com/sketchpad/


  • 大小: 59.7 KB
76
4
评论 共 63 条 请登录后发表评论
23 楼 yjz_2003 2010-02-08 19:42
世界上没有做不到的事情,只有想不到的事情。
不要一看到进步,就浑身不自在。
22 楼 liu78778 2010-02-08 19:29
javagui 写道
zdyhlp 写道
未必能取代Flash/Flex,用AS3代码写,也就是500行的代码量。相对于这个页面2200行代码,要精炼多了。而且AS3代码可读性比javascript强


论可读性,javascript差劲透顶,几次学习javascript的计划全部落空,工作也不用这些。等待javascript2.0吧。


可能你要等到下辈子了..ECMAScrpit4.0 has dead..

头一次听说学不好怨书本太破的
21 楼 seanzeng 2010-02-08 19:15
poko110 写道

geminiyellow 写道

poko110 写道
说HTML5好的那些,就好似一定要说火狐,chrome 这些野鸡浏览器要统一地球似的。


javaeyebird 写道
just so so
这程度的应用就敢说flash死期,不知天高地厚


你们都是自寻死路。


你懂FLASH吗,FLASH难以超越的是FLASH自己,而不是其他任何所谓新技术。

从FLASH4.0开始接触,一直到现在,虽然已经很少很少在碰FLASH了,但是它就像一个自己人一样亲切。FLASH的AS不是FLASH的全部,但是就仅仅AS方面,也比JS好了不知道多少倍,因为它一直在进步,而JS当年和现在基本相同。
JS能调用摄像头和麦克风吗?


logicgate 写道

js一样可以写得很优雅


BASIC也可以写得很优雅。为什么不用他要用JAVA什么的?



有点想象力好不?为什么AS能实现的HTML5不能实现? 
http://www.xue163.com/html/20091220/3270679.html
网页和硬件交互的草案已经在研究中了。

Flash的适用范围肯定会越来越小,呵呵!
20 楼 supercrsky 2010-02-08 17:58
ie里没法运行。lj
19 楼 iaimstar 2010-02-08 16:32
支持html5,支持chrome
18 楼 zyl小星星 2010-02-08 15:30
支持FLASH,支持AS
17 楼 poko110 2010-02-08 15:18

geminiyellow 写道

poko110 写道
说HTML5好的那些,就好似一定要说火狐,chrome 这些野鸡浏览器要统一地球似的。


javaeyebird 写道
just so so
这程度的应用就敢说flash死期,不知天高地厚


你们都是自寻死路。


你懂FLASH吗,FLASH难以超越的是FLASH自己,而不是其他任何所谓新技术。

从FLASH4.0开始接触,一直到现在,虽然已经很少很少在碰FLASH了,但是它就像一个自己人一样亲切。FLASH的AS不是FLASH的全部,但是就仅仅AS方面,也比JS好了不知道多少倍,因为它一直在进步,而JS当年和现在基本相同。
JS能调用摄像头和麦克风吗?


logicgate 写道

js一样可以写得很优雅


BASIC也可以写得很优雅。为什么不用他要用JAVA什么的?
16 楼 javagui 2010-02-08 15:10
geminiyellow 写道

poko110 写道
说HTML5好的那些,就好似一定要说火狐,chrome 这些野鸡浏览器要统一地球似的。


javaeyebird 写道
just so so
这程度的应用就敢说flash死期,不知天高地厚


你们都是自寻死路。

蛋 比 开始
15 楼 geminiyellow 2010-02-08 14:59

poko110 写道
说HTML5好的那些,就好似一定要说火狐,chrome 这些野鸡浏览器要统一地球似的。


javaeyebird 写道
just so so
这程度的应用就敢说flash死期,不知天高地厚


你们都是自寻死路。
14 楼 logicgate 2010-02-08 14:32
javagui 写道
zdyhlp 写道
未必能取代Flash/Flex,用AS3代码写,也就是500行的代码量。相对于这个页面2200行代码,要精炼多了。而且AS3代码可读性比javascript强


论可读性,javascript差劲透顶,几次学习javascript的计划全部落空,工作也不用这些。等待javascript2.0吧。

js一样可以写得很优雅
13 楼 shinezhou 2010-02-08 14:31
re~~



12 楼 poko110 2010-02-08 14:30
问题是 谁来做HTML5的 图形IDE,难道是ADOBE的DREAMWEAVER。或者以后FLASH 也可以导出HTML5

说HTML5好的那些,就好似一定要说火狐,chrome 这些野鸡浏览器要统一地球似的。
11 楼 eyejava 2010-02-08 14:01
ff下用感觉还可以,chrome下 画笔十字架和实际画出来的笔迹脱离了,html5也有这么多不统一的标准?
10 楼 linghongli 2010-02-08 13:58
IE里面有问题,出不了界面
9 楼 javagui 2010-02-08 13:27
zdyhlp 写道
未必能取代Flash/Flex,用AS3代码写,也就是500行的代码量。相对于这个页面2200行代码,要精炼多了。而且AS3代码可读性比javascript强


论可读性,javascript差劲透顶,几次学习javascript的计划全部落空,工作也不用这些。等待javascript2.0吧。
8 楼 javagui 2010-02-08 13:25
firefox、chrome、opera、safari下测试都没问题,唯独IE8报错!
7 楼 grandboy 2010-02-08 12:56
速度确实不错,但是鼠标定位好像是有点问题在chrome里。难道与我的windows的环境设计有关系,也有可能。
6 楼 zdyhlp 2010-02-08 12:45
未必能取代Flash/Flex,用AS3代码写,也就是500行的代码量。相对于这个页面2200行代码,要精炼多了。而且AS3代码可读性比javascript强
5 楼 流浪的面包树 2010-02-08 12:36
HTML5 什么时候出来还不知道呢?到时你确定你在IT这条道上混?
4 楼 weiqingfei 2010-02-08 12:26
如果视频争议能够得到解决的话,flash的死期就真的差不多了。

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • HTML5画图特效 超酷的笔刷动画

    之前我们分享过一款HTML5画图工具HTML5 Canvas画板画图工具 可定义笔刷和画布,我们基本对HTML5的画图功能有一定的了解。今天我们要分享一款超酷的HTML5笔刷动画,我们可以选择不同的笔刷形状,笔刷在画布上移动时就...

  • No MFC 编程04 - 关于简单的结果输出

        记得以前在学 C 的时候我们可以用 printf 验证程序的输出结果。   在 windows 里面,输出结果我们可以用 MessageBox(),只是,它只处理字符串!   具体的数值怎么办?   其实,你算出来的结果可以用 wsprintf() 来作处理,它是 printf 的近亲!   wsprintf 函数最大的特点是它不会输出到屏幕,它只生成 MessageB

  • No MFC (我) 的自白

          请不要误会,我的名字不叫 "No MFC" 。     写这 "自白" 缘于昨日一网友 chinaeagle 问我,写 No MFC 系列的目的何在?  我竟一时间答不上来,我后来想了很多。     起初写作的时候,因为我所举的源程序在开头都会预先定义  #define WIN32_LEAN_AND_MEAN  。使不包含和 MFC 有关的预编译,所以取名 No MFC 编

  • NO MFC - 使用 .log 调试程序

       我一直就想自己开发一个使用 .log 来调试程序的类了,前几天搞了一个出来,该类能够用于 VC 和 BCB 中。   以下是程序运行的效果,在我调试一个服务程序的时候,生成一个 .log 日志文件, 记录了一些与启动和关闭服务过程相关的信息...[Source Path & FileName:]  E:/microsoft/桌面/Simple_Service_02/#Simple_Ser

  • MFC在命令行窗口进行输入输出

    在进行MFC开发的时候,很难进行调试,尤其是Release模式下,而MFC下输入输出都不会在命令行窗口进行显示,其实仅需要几行简单的代码就可以解决这个问题。 首先加入头文件 #include <io.h> #include <fcntl.h> #include<iostream> 然后在对话框的OnInitDialog()函数下添加: //开...

  • HTML5 Canvas画板画图工具 可定义笔刷和画布应用模板.zip

    HTML5 Canvas画板画图工具 可定义笔刷和画布应用模板.zip

  • HTML5+JS 画图板源码分享

    一个有趣的画图板, 用了 HTML5中的本地存储、下载、canvas 等技术,这个项目中用到了canvas 的很多基础功能,初学者可以学习一下 。 建议开发童鞋使用跨平台开发工具——统一开发环境UDE来进行查看、调试、开发哦~...

  • 基于HTML5 Canvas的画图板设计与实现

    本文详细分析了HTML5技术的简介和发展前景,并深入探讨了HTML5引入的核心标签Canvas元素,介绍了Canvas可以实现的主要功能,在此基础上实现了部分类似Windows画图板的功能,包括铅笔、图章仿制、画直线、圆、矩形、...

  • 9款精挑细选的HTML5 CCS3应用模板.zip

    9款精挑细选的HTML5 CCS3应用模板: CSS3带图标提示插件 多主题颜色 CSS3波浪形菜单 结合背景超级绚丽 HTML5 Canvas头发飘逸动画 很酷的HTML5动画 HTML5 Canvas画板画图工具 可定义笔刷和画布 HTML5_CSS3 3D文字特效 ...

  • No MFC 编程02 - 我要独一无二 !

         记得我的一个朋友曾经来找我,问我怎样能够禁止自己的程序在 win95 里重叠运行。    我给了他一段代码,他就欢天喜地的回去了。    现在把那段代码拿出来,大家分享  //  使用建立互斥量的方法来检测多个实例 HANDLE hMyMutex = CreateMutex( NULL, false, "MyMutex"); // "MyMutex" 是你程序的标识,

  • c++动态库(二)NoMFC动态库

    c++,dll

  • 神奇的HTML5画图应用

    Dzone上有一篇名为:Amazing HTML5 paint app 的文章,受到了很多人的关注。文中只有一句话“Sorry Adobe Flash, your days are numbered”(Adobe Flash,你的死期将至)。也许你会想,IE 压根就不支持HTML5!那是...

  • html5 svg组态图,绘制SVG内容到Canvas的HTML5应用

    SVG与Canvas是HTML5上绘制图形应用的两种完全不同模式的技术,两种绘制图形方式各有优缺点,但两者并非水火不容,尤其是SVG内容可直接绘制在Canvas上的功能,使得两者可以完美的融合在一起,让Canvas可享用到现有...

  • 基于HTML5 Canvas和jQuery 的画图工具的实现

    HTML5 提供了强大的Canvas元素,使用Canvas并结合Javascript 可以实现一些非常强大的功能。本文就介绍一下基于HTML5 Canvas 的画图工具的实现。废话少说,先看成品:

  • Ubuntu kylin制作的画图板桌面应用

    开发使用了HTML5+Javascript的前端技术,开发起来难度降低了很多。 目前大致实现了一些功能: 1、各种图形绘制 2、颜色板 3、橡皮擦 需要继续完善的功能: 1、优化画图的算法和过程控制(个人感觉如果可以实现...

  • d3+svg画图基础应用

    d3+svg画图基础应用 1.svg 1.1 简介 SVG,是一种用于描述二维的可缩放矢量图形,基于XML的标记语言,像JPEG和JPG不同,SVG格式提供的是矢量图,这意味着它的图像能够被无限放大而不失真和降低质量,并且可以方便的...

  • 30多个HTML5经典动画应用展示

    HTML5 Canvas还有一个比较实用的应用,那就是网络画板,这样我们就可以在网页上直接进行画图操作。今天要分享的这款HTML5 Canvas画图工具就可以简单实现网络画图的功能,我们可以自定义笔刷的类型、粗细、颜色,也...

  • webSocket应用:同步html5画布

    本教程演示了如何创建简单 Web 应用程序,以在连接到单个服务器应用程序的客户端浏览器之间实现协作。当用户在客户端浏览器中的画布上绘制图形元素时,该元素将显示在所有已连接客户端的画布上。如何工作?当浏览器...

  • HTML5程序设计基础教程

    介绍HTML5基础和JavaScript编程基础;HTML5设计网页界面的相关技术;HTML5画图和多媒体的相关技术;构建桌面式Web应用的相关技术;Web Workers和jQuery程序设计等高级应用

Global site tag (gtag.js) - Google Analytics