javascript - 如何在 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为您提供具有适当颜色的代码。希望这会有所帮助。