Javascript 是否可以将css应用于画布标记中的文本

Javascript 是否可以将css应用于画布标记中的文本,javascript,jquery,css,html,canvas,Javascript,Jquery,Css,Html,Canvas,我有一个画布标签,里面有文本(由jqplot图表呈现): 有没有办法让画布内的文字变成红色?我尝试过这样添加css: <canvas id="myCanvas" width="578" height="200" style="color: red;"></canvas> 据我所知,画布几乎就像一幅图像。这是否意味着我将无法在画布中选择内容?您可以使用Javascript进行选择: <script> var canvas = document.ge

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


有没有办法让画布内的文字变成红色?我尝试过这样添加css:

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


据我所知,画布几乎就像一幅图像。这是否意味着我将无法在画布中选择内容?

您可以使用Javascript进行选择:

<script>
  var canvas = document.getElementById('myCanvas');
  var context = canvas.getContext('2d');

  context.font = '40pt Calibri';
  context.fillStyle = 'blue';
</script>

var canvas=document.getElementById('myCanvas');
var context=canvas.getContext('2d');
context.font='40pt Calibri';
context.fillStyle='blue';

您可以使用Javascript执行此操作:

<script>
  var canvas = document.getElementById('myCanvas');
  var context = canvas.getContext('2d');

  context.font = '40pt Calibri';
  context.fillStyle = 'blue';
</script>

var canvas=document.getElementById('myCanvas');
var context=canvas.getContext('2d');
context.font='40pt Calibri';
context.fillStyle='blue';

您可以使用Javascript执行此操作:

<script>
  var canvas = document.getElementById('myCanvas');
  var context = canvas.getContext('2d');

  context.font = '40pt Calibri';
  context.fillStyle = 'blue';
</script>

var canvas=document.getElementById('myCanvas');
var context=canvas.getContext('2d');
context.font='40pt Calibri';
context.fillStyle='blue';

您可以使用Javascript执行此操作:

<script>
  var canvas = document.getElementById('myCanvas');
  var context = canvas.getContext('2d');

  context.font = '40pt Calibri';
  context.fillStyle = 'blue';
</script>

var canvas=document.getElementById('myCanvas');
var context=canvas.getContext('2d');
context.font='40pt Calibri';
context.fillStyle='blue';

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

$.jqplot.CanvasAxisLabelRenderer

这看起来也很有帮助

$.jqplot.com


基本上,我会试图找到一个事件(钩子),在每次勾选之前调用它。找出将要绘制的勾号。然后根据该信息更改文本颜色。我相信您可以通过我提供的内容来完成这一点。

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

$.jqplot.CanvasAxisLabelRenderer

这看起来也很有帮助

$.jqplot.com


基本上,我会试图找到一个事件(钩子),在每次勾选之前调用它。找出将要绘制的勾号。然后根据该信息更改文本颜色。我相信您可以通过我提供的内容来完成这一点。

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

$.jqplot.CanvasAxisLabelRenderer

这看起来也很有帮助

$.jqplot.com


基本上,我会试图找到一个事件(钩子),在每次勾选之前调用它。找出将要绘制的勾号。然后根据该信息更改文本颜色。我相信您可以通过我提供的内容来完成这一点。

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

$.jqplot.CanvasAxisLabelRenderer

这看起来也很有帮助

$.jqplot.com


基本上,我会试图找到一个事件(钩子),在每次勾选之前调用它。找出将要绘制的勾号。然后根据该信息更改文本颜色。我相信你可以用我提供给你的东西来完成这一点。

你能解释一下“2d”是用来做什么的吗?它意味着获取给定画布的2d绘图上下文,而不是3d上下文。你能解释一下“2d”是用来做什么的吗?它意味着获取给定画布的2d绘图上下文,与3d上下文相反。你能解释一下“2d”是用来做什么的吗?它意味着获取给定画布的2d绘图上下文,而不是3d上下文。你能解释一下“2d”是用来做什么的吗?它意味着获取给定画布的2d绘图上下文,而不是3d上下文。我一开始确实看到了这一点。然而,jqplot很愚蠢,只允许您为轴上的所有刻度着色。我想给每个勾号涂上不同的颜色。我发布了一个关于它的问题:一开始我确实看到了这一点。然而,jqplot很愚蠢,只允许您为轴上的所有刻度着色。我想给每个勾号涂上不同的颜色。我发布了一个关于它的问题:一开始我确实看到了这一点。然而,jqplot很愚蠢,只允许您为轴上的所有刻度着色。我想给每个勾号涂上不同的颜色。我发布了一个关于它的问题:一开始我确实看到了这一点。然而,jqplot很愚蠢,只允许您为轴上的所有刻度着色。我想给每个勾号涂上不同的颜色。这里有一个关于它的问题:不确定它是否适合您的用例,但是使用SVG,您可以单独针对元素,并使用CSS对其进行样式化(尽管与应用于HTML的规则不同)。这里有一个很好的使用语义SVG的项目:不确定它是否适合您的用例,但是使用SVG您可以单独针对元素,并使用CSS对它们进行样式化(尽管与应用于HTML的规则不同)。这里有一个很好的使用语义SVG的项目:不确定它是否适合您的用例,但是使用SVG您可以单独针对元素,并使用CSS对它们进行样式化(尽管与应用于HTML的规则不同)。这里有一个很好的使用语义SVG的项目:不确定它是否适合您的用例,但是使用SVG您可以单独针对元素,并使用CSS对它们进行样式化(尽管与应用于HTML的规则不同)。下面是一个很好的使用语义SVG的项目: