如何在android中使用HTML/CSS赋予文本渐变颜色

Question

我尝试了在android中给文本渐变颜色的可能结果。我使用下面的javascript来为文本显示渐变颜色。但是，它在android中不支持。有没有人有一个解决方案，可以使用HTML/CSS为文本提供渐变颜色，并在android中支持？

<canvas id="canvas" width="250" height="400"></canvas>     

<script type="text/javascript">

var canvas = document.getElementById('canvas');

var ctx = canvas.getContext('2d');
ctx.font = "36px sans-serif";
var gradient = ctx.createLinearGradient(0, 0, 150, 100);
gradient.addColorStop(0, "rgb(255, 0, 0)");
gradient.addColorStop(1, "rgb(255, 255, 0)");
ctx.fillStyle = gradient;
ctx.fillText("Gradient Text", 10, 100);  
</script>

感谢您的宝贵回复。但为了清楚所问的问题，我有

<span style='font-family:  MalgunGothic; font-size:10 ;' >Gradient Text</span>

对于上面的html内容，必须添加文本"Gradeient Text“的渐变颜色。如果谁有解决方案，请让我知道。

Answer 1

您应该查看全部为CSS3的-webkit-gradient。这是一个很酷的CSS3 gradient generator，它为您提供了具有适当颜色的代码。希望这能有所帮助。