我想在canvas.Normaly上绘制“交互式”文本区域,使用id和class我们可以更改div css属性,但是使用canvas如何实现相同的功能。
我想在画布上写一些应该在某些文本区域发生更改事件时更改的文本。我希望使用菜单栏来实现诸如更改字体颜色,字体大小,字体系列等功能。
与div ID和类我可以更改CSS,但在画布上如何实现此目的?请提出建议?
最佳答案
您可以在绘制文本的同一命令中控制文本XY的位置:context.fillText("test",20,25);
您可以像这样控制字体大小和字体系列:context.font="14pt Verdana".
您可以使用如下填充来控制文本颜色:context.fillStyle="gold".
您可以这样控制不透明度:context.globalAlpha=.80
。 (0.00 =不可见,1.00 =完全不透明)。
您可以使用如下转换来控制文本旋转:
context.save();
context.rotate(30*Math.PI/180);
context.fillText("Test",20,20);
context.restore();
您将必须使用自己的自定义编码(有些简单,有些中等)来控制它们:
行间距,
字符间距
文字对齐
强调
路径上的文字(弯曲文字)
从右到左方向
没有斜体功能(除非字体带有斜体字符)。
关于jquery - 在 Canvas 顶部制作交互式文本区域,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/18457108/