惊艳你的眼球!8款国外最佳的HTML5绘图工具全解析

  • 来源: 优设 文:张琳娟   2014-02-13/15:38
  • HTML5无疑是当前最受宠的一项技术,今天推荐8款HTML5绘图工具,同样惊艳你的眼球!这些绘图工具大多数是用HTML5画布(Canvas)实现的,部分辅以Javascript。对每一个web设计者来说,制图和草绘是他们工作中最喜欢的一件事情了。

    草绘和制图是设计工作者工作中一个重要的特征。HTML5将会这方面显露出不可限量的前途。 

    Zwibbler

    8款国外最佳的HTML5绘图工具全解析,PS教程,思缘教程网

    这款工具提供了各种图形的快捷方式,有点像Photoshop的工具面板。你可以从工具栏上拖着想要的图形形状,然后在画布上修改。方的,圆的,点、线等。这款神奇的HTML5绘图工具还能让你给图形配置阴影效果。拷贝,粘贴,重做,恢复等功能应有尽有。

    游丝定长仪

    8款国外最佳的HTML5绘图工具全解析,PS教程,思缘教程网

    这是一个非常有趣的绘图工具,它不是由你来使用画笔,而是让设定绘图参数,这个工具能根据你的参数绘制有规律的数学图案,这些图案如果用手绘制可能非常的复杂,但通过自动设定的条件让它重复变换的一遍一遍的重复执行,你会得到各种很神奇的图案。你可以设定它的绘画速度——慢,中,快。设定画笔的颜色,宽度。

    Bomomo

    8款国外最佳的HTML5绘图工具全解析,PS教程,思缘教程网

    Bomomo更像是一个涂鸦工具,娱乐性很强,用它可以画出色彩缤纷的各种奇异图案、纹饰,它提供了很多种预设的涂鸦工具。每种工具都具有动画效果,让你快乐的画出赏心悦目的美丽图案。

    草绘板

    8款国外最佳的HTML5绘图工具全解析,PS教程,思缘教程网

    这款绘图工具看起来就更像是Photoshop了,它的工具栏,画笔,配色工具,历史记录都有点Photoshop的味道,它的确提供了很多可以替代Photoship的绘画功能,不信你就试一试。

    Sketchy Structures

    8款国外最佳的HTML5绘图工具全解析,PS教程,思缘教程网

    这个工具能让会绘制出复杂的由线条组成的各种结构,你可以设置线条的密度以达到不同的效果。

    Mr. Doob’s Harmony

    8款国外最佳的HTML5绘图工具全解析,PS教程,思缘教程网

    这个工具的画笔有点像铅笔,但有毛边,而且是不规则的细毛,在我这个不懂绘画的人来说,它更适合画抽象画。但如果放在高人的手中,我想它能创造出惊人的铅笔风格的图案。

    贝齐尔画笔

    8款国外最佳的HTML5绘图工具全解析,PS教程,思缘教程网

    这是一种能非常漂亮的画出贝齐尔线条的绘制工具。你只需要点几下,拖拽几下,再加上你的想象力,你就能画出如上图那样有创意的图案。

    绘图玩具

    8款国外最佳的HTML5绘图工具全解析,PS教程,思缘教程网

    这是一个出色的HTML5杰作。你能用它绘制出迷人的作品时而又不失乐趣。你甚至能用它画出3D作品。


    评论 {{userinfo.comments}}

    {{money}}

    {{question.question}}

    A {{question.A}}
    B {{question.B}}
    C {{question.C}}
    D {{question.D}}
    提交

    驱动号 更多