canvas教程

HTML canvas fillText() 方法

字号+ 作者:H5之家 来源:H5之家 2017-12-13 14:23 我要评论( )

HTML canvas fillText() 方法 Canvas 对象 实例 使用 fillText(),在画布上写文本 Hello world! 和 Big smile!: YourbrowserdoesnotsupporttheHTML5canvastag.

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");

ctx.font="20px Georgia";
ctx.fillText("Hello World!",10,50);

ctx.font="30px Verdana";
// Create gradient
var gradient=ctx.createLinearGradient(0,0,c.width,0);
gradient.addColorStop("0","magenta");
gradient.addColorStop("0.5","blue");
gradient.addColorStop("1.0","red");
// Fill with gradient
ctx.fillStyle=gradient;
ctx.fillText("Big smile!",10,90);

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • Android Canvas方法总结最全面详解API(小结)

    Android Canvas方法总结最全面详解API(小结)

    2017-12-13 13:40

  • canvas实现个性化签名

    canvas实现个性化签名

    2017-12-13 11:23

  • canvas基本画图

    canvas基本画图

    2017-12-13 11:21

  • 微信 小程序 canvas测试心得干货

    微信 小程序 canvas测试心得干货

    2017-12-13 10:15

网友点评
-