canvas教程

JS Paint一个用JS实现类似于windows的画图工具

字号+ 作者:H5之家 来源:H5之家 2018-01-26 15:24 我要评论( )

JS Paint一个用JS实现类似于windows的画图工具

JS Paint

A nice web-based MS Paint remake and more... Try it out!

The goal is to remake MS Paint (including its ), improve on it, and to the types of images it can edit. So far, it does this pretty well.

Screenshot

Ah yes, good old paint. Not the one with the ribbons or the new skeuomorphic one with the interface that can take up nearly half the screen. And sorry, not the even newer Paint 3D.

Windows 95, 98, and XP were the golden years of paint. You had a tool box and a color box, a foreground color and a background color, and that was all you needed.

Things were simple.

But we want to undo more than three actions. We want to edit transparent images. We can't just keep using the old paint.

So that's why I'm making JS Paint. I want to bring good old paint into the modern era.

Current improvements include:

JS Paint drawing of JS Paint on a phone

Possible improvements include: A lot of stuff isn't done yet:

Clipboard support is somewhat limited. You can copy with Ctrl+C, cut with Ctrl+X, and paste with Ctrl+V, but data copied from JS Paint can only be pasted into other instances of JS Paint. There's apparently no way for web apps to properly copy image data to the clipboard. "Support programmatical copying of images to clipboard" is currently the top starred issue of chromium. To use the clipboard menu items, you need to install the Chrome app.

Extended Editing

I want to make JS Paint to be able to edit...

Did you know?
  • These Tips and Tricks from a tutorial for MS Paint also work in JS Paint if they have a checkmark:

     

    1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

    相关文章
    • 实现远程实时通信 Html5:Canvas+WebSocket

      实现远程实时通信 Html5:Canvas+WebSocket

      2018-01-26 13:46

    • Python实现在tkinter中使用matplotlib绘制图形的方法示例

      Python实现在tkinter中使用matplotlib绘制图形的方法示例

      2018-01-25 11:08

    • html5 Canvas实现图片旋转

      html5 Canvas实现图片旋转

      2018-01-23 09:00

    • 用户可选权重的HTML5六维蛛网图的实现(Tony原创)

      用户可选权重的HTML5六维蛛网图的实现(Tony原创)

      2018-01-22 13:28

    网友点评