javascript - 是否可以将 css 应用于 Canvas 标签中的文本

标签 javascript jquery css html canvas

我有一个 Canvas 标签,里面有文本(由 jqplot 图表呈现):

<canvas id="myCanvas" width="578" height="200"></canvas>

有没有办法让 Canvas 内的文字变红?我试过像这样添加 css:

<canvas id="myCanvas" width="578" height="200" style="color: red;"></canvas>

据我了解, Canvas 几乎就像一幅图像。这是否意味着我无法在该 Canvas 中选择内容?

最佳答案

由于您使用的是 jqplot,因此您应该查看文档以了解如何更改文本的颜色。以下网页看起来很有前途,其中提到了 textColor 属性。

http://www.jqplot.com/docs/files/plugins/jqplot-canvasAxisLabelRenderer-js.html# $.jqplot.CanvasAxisLabelRenderer

这看起来也很有帮助

http://www.jqplot.com/docs/files/jqplot-core-js.html#Axis.tickRenderer

http://www.jqplot.com/docs/files/jqplot-axisTickRenderer-js.html# $.jqplot.AxisTickRenderer

基本上我会尝试找到一个在绘制每个刻度之前调用的事件( Hook )。找出要绘制的刻度线。然后根据该信息更改文本颜色。我相信你可以用我提供给你的东西来完成它。

关于javascript - 是否可以将 css 应用于 Canvas 标签中的文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23346733/

相关文章:

html - 有什么方法可以添加一个工具提示,它会显示一个包含用户可以单击的链接的文本框?

javascript - 如何动态禁用和启用div

javascript - ajax 响应后我的 javascript 停止工作

javascript - 使用 jQuery 滚动到顶部按钮在 Safari v.7.0.5 中不起作用?

php代码没有按预期获取文件

jquery - 打印页面预览时内容在页脚上重叠

html - 如何水平居中对齐 body 包装?

javascript - 计算的属性名称。 "gulp-angular-filesort : unexpected token ["

javascript - 正则表达式 JavaScript 捕获直到(之前)可选字符串

javascript - jQuery Vallenato Accordion