DeviantArt出品的HTML5绘图程序

DeviantArt 是一个著名的,汇集了大量怪诞艺术家的非主流艺术作品展示网站,最近,他们推出了一个完全基于 HTML5 的绘图程序 Muro。这个几乎支持所有现 代浏览器,无需 Flash 和任何插件的绘图工具是作者见过的最好的HTML5 绘图程序。该程序甚至支持 Wacom 手写绘图板。

上图是 DeviantArt 用户 loish 使用 Muro 创作的一幅画,这里还有更多作品范例。

 

Muro 让人想起了过去那些基于浏览器的绘图工具,像使用 Flash 的 Odosketch, 以及同样使用 HTML5 的Sketchpad。但 Muro 更干净,更有趣。随着浏览器以及 HTML5,CSS,JavaScript 等技术的进步,我们会看到越来越多这样的应用,诸如移动Gmail, Web 字体,媒体播放一类的应用不仅仅是为了让我们感到惊奇,更逐渐走向成熟。

Muro 在 iPad 上似乎更好用,使用手指比使用鼠标和轨迹球更好控制,Muro 的默认设置似乎也专为 iPad 做了优化,在 Chrome 和 Firefox 中,选择画笔得到理想的效果似乎要费点周折。

Wired.com 的用户体验主管 Dennis Crothers 使用 Wacom 手写绘图板(需要安装驱动插件)对该程序做 了一番测试,结果让他难忘,他表示,相比 Adobe Illustrator 而言,Muro 不是最好的绘图程序,但作为一个 HTML5 应用,它非常出色。

时间: 2024-11-10 00:37:03

DeviantArt出品的HTML5绘图程序的相关文章

8个很酷很有用的HTML5应用程序

  网络上有很多很多的设计和开发工具,但是好用又免费的却很少,所以今天这篇文章向大家分享示8个很酷的 HTML5 应用程序.这些惊艳的 HTML5 应用带您体验 Web 技术的魅力,相信你看完这些例子后会对未来的 Web 发展充满无限期待.仔细阅读每个条目,看看哪一个工具最适合您的需求. vintageJS vintageJS 是一款可以帮助你为照片添加自定义复古风格的免费工具,你可以把制作好的复古照片分享到各个社会网络中. fontdragr 这是一个在线字体预览工具,把想预览的字体拖到该网站

HTML5 应用程序初级教程

教程细节 项目:HTML 难度:中级 预计完成时间:1 小时 如 果你想要创建网页应用程序,你可能会想到使用 HTML5.HTML5 是应用程序开发的新宠,它有可能改变软件开发与销售的形式.它也可以让那上百万会做网页的人参与到应用程序开发中,这些人从没想过他们的技术可以应用在其 他方面.不过在开始开发之前,关于 HTML5 的一些东西是你必需了解的.在这个教程中,我将教你一些基础! 何为 HTML5? HTML5 是正在制定的 W3C 规范. 它从 WHATWG 开始起步,将成为 HTML 未来

10款最佳HTML5绘图工具

  HTML5无疑是当前最受宠的一项技术,每个web设计者都在热烈的讨论这种神奇的标记语言的兴起.HTML5是一种学起来毫不费力的标记语言,但它却能提供迷人的.富有艺术性的特征,帮助web设计人员完成他们的构思想象.HTML5对于一个设计人员来说能毫不费力的理解,轻松的掌握. 草绘和制图是设计工作者工作中一个重要的特征.HTML5将会这方面显露出不可限量的前途. 今天,我给web设计人员收集了几款最好的HTML5绘图或涂鸦工具.这些绘图工具大多数是用HTML5画布(Canvas)实现的,部分辅以

8款最佳HTML5绘图工具

  HTML5无疑是当前最受宠的一项技术,今天推荐8款HTML5绘图工具,同样惊艳你的眼球!这些绘图工具大多数是用HTML5画布(Canvas)实现的,部分辅以Javascript.对每一个web设计者来说,制图和草绘是他们工作中最喜欢的一件事情了. 草绘和制图是设计工作者工作中一个重要的特征.HTML5将会这方面显露出不可限量的前途. Zwibbler 这款工具提供了各种图形的快捷方式,有点像Photoshop的工具面板.你可以从工具栏上拖着想要的图形形状,然后在画布上修改.方的,圆的,点.线

Java 菜单按钮控制绘图程序(求解答,急急急!!!)

问题描述 Java 菜单按钮控制绘图程序(求解答,急急急!!!) 用菜单和按钮来控制绘图 功能要求:实现简单绘图功能,具体要求:画直线,画空心或实心椭圆.画空心或实心矩形.画多边形(图形的位置和大小可在程序中设定). 界面要求:用图形界面实现. 图示一初始界面: 图示二使用菜单绘图: 图示三使用按钮绘图 解决方案 用 myeclipse 10 以上做吧 挺简单的,直接求代码,,不太好吧 解决方案二: http://download.csdn.net/download/wangjinxia00/2

11款酷炫HTML5应用程序

HTML5,不再陌生--DamnDigital之前就有奉上2集的知识普及(续备忘录清单)+几大奢侈品的HTML5的官网介绍. 相信HTML5应用程序在不久的将来极有可能主导网络.不同于那些需要依靠本地桌面的应用程序,比如任务管理器.代码生成任务或者图片编辑,HTML5允许开发人员创建能在浏览器中运行的应用程序.这些HTML5 Web应用程序具备各种功能,目前人类还无法确切知道HTML5应用程序的潜能到底有多大. 本文推荐了11款优秀的HTML5应用程序,再次体验一把HTML5的强大性,有志之士不

HTML5应用程序缓存Application Cache

HTML5应用程序缓存Application Cache 什么是Application Cache HTML5引入了应用程序缓存技术,意味着web应用可进行缓存,并在没有网络的情况下使用,通过创建cache manifest文件,可以轻松的创建离线应用. Application Cache带来的三个优势是: ① 离线浏览 ② 提升页面载入速度 ③ 降低服务器压力 而且主要浏览器皆以支持Application Cache,就算不支持也不会对程序造成什么影响 离线存储技术 HTML5提出了两大离线存

RequireJS简易绘图程序开发_javascript技巧

前言 RequireJS的出现让前端代码模块化变得容易,当前端项目越来越大,代码越来越多的时候,模块化代码让项目结构更清晰,不仅在开发时让我们的思路更清晰,而且后期维护起来也更容易.下面是我学习RequireJS后使用RequireJS开发的一款简易绘图程序,运行在浏览器中如下图所示: 如果你对RequireJS还不是很了解,可以看我的RequireJS学习笔记:http://blog.csdn.net/yubo_725/article/details/52913853 开始 这个简易绘图程序的

C#鼠标绘图程序的问题

问题描述 做了一个绘图程序在鼠标移动时候能画出线来,但是为了使鼠标的移动不会产生很多条线,只有一条线跟着鼠标在画.在MouseMove事件中画线之前加了这个方法graphics.clear()这样解决了留下鼠标轨迹的问题,但是画第2条线的时候第一条线也会被清除掉,请问怎么解决这问题 解决方案 解决方案二:第一种方法:画第二条线之前,使用背景色重画第一条线.(不推荐)第二种方法:在类中定义记录需要画线的数据的成员,在MouseMove消息中,更新数据,执行Invalidate();在Paint事件