GeeksforGeeks

HTML canvas fillText() Method

var doc_id = document.getElementById("GFG");

var context = doc_id.getContext("2d");

context.font = "bold 30px solid";

context.fillText("GeeksforGeeks", 180, 100);

// Create gradient

var grad = context.createLinearGradient(0, 0, doc_id.width, 0);

grad.addColorStop("0", "green");

grad.addColorStop("0.5", "white");

grad.addColorStop("1.0", "green");

// Fill with gradient

context.fillStyle = grad;

context.fillText("GeeksforGeeks", 180, 120);

输出：

支持的浏览器：下面列出了HTML canvas fillText()方法支持的浏览器：

谷歌浏览器

Internet Explorer 9.0

火狐浏览器

苹果浏览器

Opera

html5 fill,HTML canvas fillText()用法及代码示例相关推荐

html多页面之间如何通信,html5中sharedWorker实现多页面通信代码示例
本篇文章小编给大家分享一下html5中sharedWorker实现多页面通信代码示例,文章代码介绍的很详细,小编觉得挺不错的,现在分享给大家供大家参考,有需要的小伙伴们可以来看看. 在没有登录浏览了一 ...
python numpy allclose用法及代码示例
python numpy allclose用法及代码示例用法: numpy.allclose(a, b, rtol=1e-05, atol=1e-08, equal_nan=False) 如果两个数 ...
PostgreSQL REGEXP_REPLACE用法及代码示例
PostgreSQL REGEXP_REPLACE用法及代码示例: 原文链接:https://vimsky.com/examples/usage/postgresql-regexp_replace-f ...
php代码输出笑脸,利用HTML5中的Canvas绘制笑脸的代码
这篇文章主要介绍了利用HTML5中的Canvas绘制一张笑脸的教程,使用Canvas进行绘图是HTML5中的基本功能,需要的朋友可以参考下今天,你将学习一项称为Canvas(画布)的web技术,以及 ...
html焦点试图代码,HTML DOM focus()用法及代码示例
DOM focus()方法用于为元素赋予焦点,并借助blur()方法删除焦点.我们可以将焦点放在任何元素上,并通过执行一些操作来启用它.例如,我们可以通过单击按钮将焦点放在某些文本上. 用法: Obj ...
private用法 java_关于android开发中如何正确使用Private Services安全用法及代码示例...
一.注意事项1.显式设置exported属性为false.@b@2.安全处理收到的intent,确认其真实性.@b@3.敏感数据可以在同一个应用中发送和请求. 二.原代码示例 1.AndroidMan ...
java中skip的用法,Java PushbackReader skip(long)用法及代码示例
Java中的PushbackReader类的skip(long)方法用于跳过流中指定数量的字符.此字符数被指定为参数.如果通过跳过到达流的末尾,它将阻塞流,直到它获得一些字符或抛出IOExceptio ...
reset java_Java PushbackReader reset()用法及代码示例
Java中的PushbackReader类的reset()方法用于重置Stream.对于PushbackReader,此方法始终会引发异常,因为PushbackReader不支持此方法. 用法: pu ...
pandas get_dummies用法及代码示例
get_dummies 是 pandas 实现one hot encode的方式 one-hot的基本思想:将离散型特征的每一种特征取值都看成一种状态,若指定离散特征中有N个不相同的取值,那么 ...

html5 fill,HTML canvas fillText()用法及代码示例

GeeksforGeeks

HTML canvas fillText() Method

html5 fill,HTML canvas fillText()用法及代码示例相关推荐

最新文章

热门文章