毕设做了个纯 canvas 画板

[DualWield]

求大神轻拍砖
如果卡的话，刷新2遍就好了。。。

http://draw-board.herokuapp.com/

[lyklykkkkkkk]

两个建议
1. mouse cursor比较重要，因为绘画要定位置，最好改个合适的。
2. layout能不能用flex，别用absolute。

[MrEggNoodle]

测试了一下，Mac下的safari刷不出来。chrome成功了。

[YuJianrong]

保存可以直接保存文件的，参考 https://github.com/eligrey/FileSaver.js/

[shoumu]

在我电脑上看起来有点奇怪，浏览器宽度大概为1230

[flowfire]

有时候橡皮擦会有点问题

[cnpaas]

@DualWield 请问你这个绘画板是基于什么语言的？

[davidyin]

第一句看成了：请大神经 拍砖

[w88975]

@cnpaas 除了js还能有什么语言？

[Biwood]

好厉害，居然还能把刚画的东西缓存起来。
提点建议，能不能把每次画的东西都给个自由变换的框，可以拖动、旋转、缩放等，那样就更完美了

[loddit]

面板布局有点奇怪，不过功能完成度蛮高啊

[zado]

在IE下保存文件的时候我也遇到了同样的问题,我还没有研究出怎么解决.
可以参考一下 http://www.baidufe.com/item/65c055482d26ec59e27e.html ,他在IE下是打开一个新窗口,然后自己选图片令存为,也算是勉强的解决方案.

[zado]

@YuJianrong 这个试了下,在IE11下可用,谢谢!

[zls930]

加个素描笔刷吧！
这样我就会经常玩这个噜！

[rwalle]

应该是insert text，不是insert font吧

[Gonster]

0, 0 用了react 啊， 数据存在 local storage 同一个key
~~挺好的

[humaorongrong]

求源代碼分享學習～
橡皮擦的形狀有時會是上一次使用畫筆的形狀。

[learnshare]

嗯，体验过后，感觉问题还比较多：
1. 这么个简单的应用，不应该上 Bootstrap，过大；
2. 初始线条宽度 50 有点大；
3. 工具栏应该加一下 title (tooltip)；
4. 方框工具线条宽度可以调到 0，但无效；
5. 虚线不应该是一段一段出来，应该指哪画到哪；
6. 插入文字最好做到 inline，在想要输入的地方输入；
7. 插入图片的 API 503 了。

不过仍然是一个好应用。

[chipiano]

要是能更完善 我买下~

[a591826944]

上下移动图层位置。。并不能让画板上两个图层的层叠关系 互换。。bug

[a591826944]

另外一个 我这 mac 的 chrome 上 所有 画笔 橡皮擦之类的 选择后鼠标仍然是指针，不会变成对应的图标。。不会 就是这样的吧