【文本】HTML5 Canvas 文本 章末小节

我的处女作《Canvas系列教程》在我的Github上正在连载更新,希望能得到您的关注和支持,让我有更多的动力进行创作。

教程介绍、教程目录等能在README里查阅。

传送门:https://github.com/827652549/CanvasStudy

章节回顾

 本章讲了关于Canvas文字的基本操作,如何设置对齐方式、字型等文本绘制属性。

然而,它并不支持一些复杂的文本操作,比如沿着圆弧绘制文字或编辑文本行。但在本章中我们利用Canvas这套极为有限的文本API来实现一些复杂的功能,包括沿着某段圆弧绘制文本。

我的心得

但是我并没有去试着实现“文本编辑器”,因为在WAHTWG的Canvas规范最佳实践中描述:开发者不要自己去实现文本控件。而是应该将HTML的input或textarea和HTML5的contenteditable属性结合起来使用。因为实现文本控件的工作量实在是太大了。想要实现一个有用的文本编辑控件,开发者必须实现诸如复制与粘贴、拖放、文本选择、文本滚动等功能,因为默认的canvas元素并不包含以上的内容。

根据作者的观点,虽然WAHTWG不推荐自主实现文本控件,但还是有利于学习的,还是推荐开发者去实现自己的文本编辑控件。关于这点,我个人认为还是不要自主实现文本编辑控件的好,巨大的工作量虽然能带来技术上的进步,但是对于我们未来的发展来说,效益是低的。在付出相同的时间和精力的情况下,可以根据自己的工作和任务来匹配契合度更高的知识技能上的进步。当然,如果只是为了乐趣或者是有相关“Canvas实现文本编辑控件”的需求,那去实现一个也无妨。

在之前听一位阿里的大佬说,不要重复造轮子。其实这点我是挺赞同的。自主实现的轮子虽然看起来能够“拿的出手”,感觉上”高大上“,但是在这个高速发展的世界里,如何能高效地实现”一个保质保量的产品“似乎显得更加重要。正因如此,各种库和框架就产生了,时代的产物终究能在一定程度上证明哪种算是”真理“。接下来,我将继续沿着前人的路程,继续走下去,就像当年牛顿自谦的话:”我不过是踩在巨人的肩膀上而已“。

时间是检验真理的唯一标准,过几年后再回顾再体会,将再次总结以上观点。

发布了122 篇原创文章 · 获赞 25 · 访问量 3万+

猜你喜欢

转载自blog.csdn.net/HuoYiHengYuan/article/details/102756052