毕设做了个纯 canvas 画板

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

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

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

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

有时候橡皮擦会有点问题

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

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

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

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

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

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

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

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

应该是insert text，不是insert font吧

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

求源代分享～
橡皮擦的形有是上一次使用的形。

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

不过仍然是一个好应用。

要是能更完善 我买下~

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

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

@Biwood 当时我也想的是可以改动每次绘画的形状，自由变换，但是感觉好难做=。=

@zls930 素描笔刷是什么喵

@learnshare 是的，多谢建议，我应该多自己测一下哒> . <

@a591826944 图层功能应该是完好的，上下移动图层位置是可以的啊。。。。。

@chipiano 大财主！我一定好好完善！！~~

是不是用canvas画的东西，边缘都会有点模糊？

@rcmerci 貌似是的，但是有数学方法优化好像。

赞！

@DualWield 如果后端是php，那么希望来我们的平台试试部署你这个应用： /t/186799

贴图为什么要把图片传到后端去……
FileAPI读一下前端用dataURI就好，参考：
https://developer.mozilla.org/en-US/docs/Web/API/FileReader/readAsDataURL

做个微信适配也不错，画完可以直接分享。

@YuJianrong 原谅我孤陋寡闻了，这么棒的API！！~~~

@fange01 当时想了做个简易的设配，简易工具栏，后续工程吧

size调整有bug

@homfen 请说明如何触发bug，bug的效果样子

还不错，加油吧，骚年

不错呀

素描笔刷就是类似两头细中间粗，带微小颗粒感的笔刷

@DualWield 先用画笔调整大小，然后换到橡皮调整大小，橡皮的大小和画笔一样，size无效，差不多就这样

留个联系方式吧QQ? 有个类似画板的商业项目想找你，这论坛也没私信功能。

@chipiano 企鹅4969661九九，加我说明v2画板