如何在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 内容，必须为文本“渐变文本”添加渐变颜色。如果有人有解决方案，请告诉我。

Answer 1

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