如何在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

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