当前位置:  开发笔记 > 编程语言 > 正文

完全基于HTML5的绘图程序Muro

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

  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 应用,它非常出色。


推荐阅读
  • 定义Function类型:1functionsum(num1,num2){return num1+num2;}2varsumfunction(num1,num2){returnn ... [详细]
  • HTML5 Web存储技术是许多开发者青睐本地应用程序的重要原因之一,因为它能够实现在客户端本地存储数据。HTML5通过引入Web Storage API,使得Web应用程序能够在浏览器中高效地存储数据,从而提升了应用的性能和用户体验。相较于传统的Cookie机制,Web Storage不仅提供了更大的存储容量,还简化了数据管理和访问的方式。本文将从基础概念、关键技术到实际应用,全面解析HTML5 Web存储技术,帮助读者深入了解其工作原理和应用场景。 ... [详细]
  • 开发工具WebDeveloper1.1.8https:addons.mozilla.orgen-USfirefoxaddon60以工具栏的形式对网页的(X)HTML、脚本、多媒体、 ... [详细]
  • 本文深入探讨了 HTML 中的 `margin` 属性,详细解析了其基本特性和应用场景。文章不仅介绍了 `margin` 的基本概念,还重点讨论了垂直外边距合并现象,并分析了 `margin` 在块级元素与内联元素中的不同表现。通过实例和代码示例,帮助读者全面理解 `margin` 的使用技巧和常见问题。 ... [详细]
  • 优化后的标题:利用Chrome扩展程序解锁百度网盘的大文件直下与第三方下载工具兼容性
    文章探讨了如何通过使用Chrome扩展程序来增强百度网盘的功能,特别是针对大文件的直接下载和与第三方下载工具的兼容性问题。这一方法不仅提高了下载效率,还为用户提供了更多的灵活性和便利性,解决了百度网盘在使用过程中的一些限制。 ... [详细]
  • 深入浅出解析HTTP协议的核心功能与应用
    前言——协议是指预先设定的通信规则,确保双方能够按照既定标准进行有效沟通,从而实现准确的信息交换。例如,驯兽师通过拍手使动物坐下,这实际上是一种预设的协议。本文将详细探讨HTTP协议的核心功能及其广泛应用,解析其在现代网络通信中的重要作用。 ... [详细]
  • 提升阅读沉浸感:精选Chrome扩展带来极致体验
    在信息爆炸的时代,提升阅读体验显得尤为重要。简悦SimpRead等精选Chrome扩展工具,不仅能够净化页面,去除干扰元素,还能通过优化排版和字体,为用户提供更加舒适、沉浸式的阅读环境,让文字内容更加赏心悦目,帮助读者更好地吸收信息。 ... [详细]
  • 本文详细解析了如何利用Appium与Python在真实设备上执行测试示例的方法。首先,需要开启手机的USB调试功能;其次,通过数据线将手机连接至计算机并授权USB调试权限。最后,在命令行工具中验证设备连接状态,确保一切准备就绪,以便顺利进行测试。 ... [详细]
  • 1.CSS3圆角border-radius属性一个最多可指定四个border-*-radius属性的复合属性,这个属性允许你为元素添加圆角边框!语法:border-radius:1 ... [详细]
  • 深入解析HTML流式布局的概念与应用:流式布局的核心含义及实现方法
    在PC端进行网页制作时,经常使用固定像素并且内容居中的网页布局,为了适应小屏幕的设备,在移动设备和跨平台(响应式)网页开发过程中ÿ ... [详细]
  • 在PC端,视口指的是浏览器的可视区域,其宽度和浏览器窗口的宽度保持一致。在CSS标准文档中,视口也被称为初始包含块,它是所有 ... [详细]
  • Markdown语法说明:http:www.appinn.commarkdown1、前端碎片知识总结篇1.1关于浏览器IE的内核是Trident、Mozilla的内核 ... [详细]
  • 【转】JS键盘按钮keyCode及示例大全(JS前端)
    文章目录以功能区分布以keycode编号顺序分布简记表使用示例:组合键获取用户按下的键javascript判断是否按回车键屏蔽按键组合健获取键和相应值的js回目录 ... [详细]
  • 小编给大家分享一下Css3中box-pack属性怎么用,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收 ... [详细]
  • SoIhaveanappthathasarightsidebarwhosevisibilityistoggledviaabutton.Inthatsidebar ... [详细]
author-avatar
-路人甲___
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有