JS:如何正确绘制文字

简介: JS:如何正确绘制文字

代码:


drawChar: function(oneChar, x, y) {
    if (canvas.getContext) {
        var g2d = canvas.getContext("2d");  //2d用引用括起来
    }
    if (!context) {
        return;
    }
    drawText = String.fromCharCode(oneChar); 
    g2d.save();
    g2d.beginPath();
    g2d.moveTo(100, 100);
    g2d.lineTo(800, 800);
    // 设置画笔的颜色和大小
    g2d.fillStyle   = "red";   // 填充颜色为红色
    g2d.strokeStyle = "blue";  // 画笔的颜色
    g2d.lineWidth   = 5;       // 指定描边线的宽度
    // 写字
    g2d.font = "28px 宋体";
    g2d.fillText(drawText, x, y);
    g2d.closePath();
    g2d.stroke();
    g2d.restore();
}
目录
相关文章
|
5月前
|
JavaScript 前端开发 安全
使用 Node.js 插件给指定目录下的所有图片添加上文字水印
使用 Node.js 插件给指定目录下的所有图片添加上文字水印
149 0
|
5月前
|
移动开发 JavaScript 前端开发
分享111个JS文字特效,总有一款适合您
分享111个JS文字特效,总有一款适合您
247 0
|
10天前
|
JavaScript 前端开发
js怎么获取div里面的文字长度
js怎么获取div里面的文字长度
34 5
|
15天前
|
JavaScript
js文字如何轮播?
js文字如何轮播?
12 1
|
2月前
|
JavaScript
js文字如何轮播?
js文字如何轮播?
24 2
|
2月前
|
JavaScript 前端开发
js怎么获取div里面的文字长度
js怎么获取div里面的文字长度
43 3
|
4月前
|
JavaScript 前端开发 安全
80 行 JS 代码实现页面添加水印:文字水印、多行文字水印、图片水印、文字&图片水印
80 行 JS 代码实现页面添加水印:文字水印、多行文字水印、图片水印、文字&图片水印 1. 信息标识: 水印可以用于标识文档的所有者、保密级别、状态或其他相关信息,帮助用户更好地理解文档内容的属性。 2. 版权保护: 在文档中添加水印可以帮助保护内容的版权,防止他人未经授权地复制、转载或篡改内容。 3. 安全保护: 对于敏感信息或机密文档,添加水印可以帮助防止信息泄露,提高文档的安全性。 4. 提升专业性: 在一些场景下,如商业报告、合同文件等,添加水印可以增加文档的专业性和正式性。 5. 防止截屏或拷贝: 在网页中添加水印可以防止用户通过截屏或复制粘贴等方式非法获取文档内容。
60 1
80 行 JS 代码实现页面添加水印:文字水印、多行文字水印、图片水印、文字&图片水印
|
4月前
|
前端开发 JavaScript
保存网页中的css和js文件,网站保存,复制网站不可复制的文字,网站抠图
保存网页中的css和js文件,网站保存,复制网站不可复制的文字,网站抠图
37 0
|
JavaScript 前端开发 Windows
VScode的注释和标题,标签,img的src属性(如何网页上插入图片)(Mac如何开启js控制台)(如何免费复制网页中的文字)
VScode的注释和标题,标签,img的src属性(如何网页上插入图片)(Mac如何开启js控制台)(如何免费复制网页中的文字)
|
5月前
|
前端开发
html+css+js实现自动敲文字效果
html+css+js实现自动敲文字效果
51 0