首页 > 解决方案 > 如何使用javascript在画布上制作可调整大小的文本

问题描述

我对画布非常陌生。我想要做的是我可以使用输入在画布中编写文本,并且可以通过拖动它的角来调整它的大小。此外,我应该能够在画布内拖动文本位置。以下是我想要的屏幕截图! 在此处输入图像描述

标签: javascripthtmlhtml5-canvas

解决方案


画布是光栅,而不是矢量。通过简单地绘制和调整文本大小,您会期望它变得模糊或像素化。并且每次用户在调整大小时移动光标时重绘整个画布不会产生最佳性能。考虑改用 svg。如果您确实需要画布并且不想自己实现所有功能,则可以使用 paperjs 库。

http://paperjs.org/reference/pointtext/


推荐阅读