Jquery 在画布顶部创建交互式文本区域

我想在画布上绘制交互式文本区域。通常，使用id和类我们可以更改div css属性，但使用画布如何实现相同的功能

我想在画布上写一些文字，在某些文字区域发生变化时，这些文字会发生变化。我想使用菜单栏来实现改变字体颜色、字体大小、字体系列等功能

---

使用div id和class，我可以更改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();

您必须使用自己的自定义编码（一些简单，一些中等）来控制这些：


行距
字符间距
文本对齐
强调
路径上的文本（曲线文本）
从右向左的方向

没有斜体字功能（除非字体有斜体字）。
我认为您的问题与其他问题（如画布内的@Prasannaarthi）是重复的？画布内的文本是图片，您无法编辑它。问这个问题之前你研究过了吗？或者我不明白你在问什么。@ile任何文本编辑器的屏幕最终结果都是显示一张图片-只有一堆代码跟踪字符、光标位置、字体大小等并绘制结果。没有理由不能用canvas进行操作。@dc5当然可以操纵绘制文本的像素，我的意思是不能直接作为对象访问文本。这似乎就是问题所在。