Code Monkey home page Code Monkey logo

painter's Introduction

Painter is based on HTML5 Canvas. Painter works on all HTML5 supported browsers.

Supported Browsers

  • Firefox
  • Chrome
  • Opera
  • Safari
  • IE9+

Authors

yanhaijing

luyu

Issues

Copyright and license

Copyright © 2013 yanhaijing. All Rights Reserved

Licensed under the MIT-LICENSE; you may not use this work except in compliance with the License. You may obtain a copy of the License in the LICENSE file, or at: http://opensource.org/licenses/MIT

painter's People

Contributors

alanoooaao avatar html7 avatar yanhaijing avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

painter's Issues

我有一些疑问..

你好
在index - 副本.html里面, 我有看到圆角矩形这个按钮, 是不是之前有这功能, 后来取消了呢? 另外提示自动保存, 还有手动按保存, 请问图片保存到何处去了?
希望下一版可以加入物件移动的功能, 例如插入之图片, 可以不用手动定义, 在画板里, 可以点选到后, 以滑鼠拖动位置, 若还有变更图层顺序的功能, 会更好, 因为插入的图片, 可能A希望盖在B的上面, 那就可以用变更图层顺序的功能完成

总之, 这个画板的功能很不错, 给你一个赞, 也希望你能继续增加功能, 例如不同画笔, 不同着色方式(蜡笔)等等....

在手机浏览器上无法更换绘图工具

在手机浏览器上DEBUG发现,切换工具之后,canvas.js中currentTool指向的还是currentToolContainer初始化时的tool引用,原因是在正常的非移动版本中(检测的是mouseenter事件),有如下一段代码:

$document.delegate('#canvas-mouse', 'mouseenter', function(e){
                mouseCanvas.clear();
                //更新当前工具
                currentTool = global.painter.tool.currentToolContainer.getTool();
});

而移动版本监听touch事件时没有这段,在touchstart事件处理器末尾加入如下代码:
currentTool = global.painter.tool.currentToolContainer.getTool();
之后在手机浏览器上可以正常切换工具了。

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.