想学习简单的 js 2d 绘图，可以推荐一本书吗？

2024-03-15 07:54:29 +08:00
 hahade
本人对 js 了解一点，简单语法不是问题，目前公司可能会有个关于 js 2d 图片绘制的新项目，想提前了解一下。目前我了解到可能需要学习 canvas ，也不知道这个靠不靠谱，能否帮推荐一本书？谢谢！
1641 次点击
所在节点    程序员
11 条回复
jazzg62
2024-03-15 08:08:22 +08:00
可以看看 MDN 的 canvas 教程。https://developer.mozilla.org/zh-CN/docs/Learn/JavaScript/Client-side_web_APIs/Drawing_graphics
tgcdz
2024-03-15 08:37:29 +08:00
简单了解下常用的术语，然后直接学封装好的库，比如 pixijs 、konvajs 这些，如果只是做简单的项目就够了。除非你是要搞 ps ，否则看啥书啊，实际撸代码才是学习的最快路径
hahade
2024-03-15 08:50:12 +08:00
@tgcdz 感谢，主要是我想系统性的了解一下，比如我需要画一个矩形，我也不知道它的原理是什么，从来没有绘图的经验。
ming159
2024-03-15 08:57:23 +08:00
把数学搞好!
必有的功能,平移,旋转,缩放.翻转,变形等等都是坐标系的计算.
各种形状都是三角函数,正弦曲线公式,圆等等的拟合. 例如给你老婆绘制一个小爱心形状.
InternetExplorer
2024-03-15 08:59:09 +08:00
推荐一手 https://www.canvasapi.cn/
ming159
2024-03-15 08:59:17 +08:00
要想系统性了解,可以看 计算机图形 相关书籍.例如 OpenGL
hahade
2024-03-15 09:05:08 +08:00
@ming159 谢谢！
zuosiruan
2024-03-15 09:25:28 +08:00
想学习原理就虎书，学习 api 就各种 opengl 的书或者网站教程，直接上手看封装好的引擎就行，pixijs layabox cocoscreator
hahade
2024-03-15 09:31:56 +08:00
@zuosiruan 如果我想先达到能够实现类似微信或 QQ 截图时画箭头、矩形、圆形、写文字的效果，是先看书学习原理再学习三方库还是直接学习三方库比较好？
johnman
2024-03-15 10:05:49 +08:00
直接三方库开撸，konvajs 或者 farbic
hahade
2024-03-15 10:23:37 +08:00
谢谢各位，我准备去了解一下：konvajs

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://ex.noerr.eu.org/t/1023813

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX