在Javascript中绘制字符串的上半部分
Draw upper half of a string in Javascript
如果我有一个字符串,如"Hello World!"
,我将如何绘制只说字符串的上半部分到javascript画布?
我希望它看起来像这个。
使用。clip()方法,你可以指定画布的一个部分,在其中绘制,剪辑区域之外的任何东西都被省略;洛杉矶:
<html>
<body style="background:black;">
<canvas id="myCanvas" width="300" height="200"></canvas>
</body>
<script>
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
// Clip a rectangular area
ctx.rect(50,20,200,80);
//ctx.stroke();
ctx.clip();
// Draw text into clip()
ctx.fillStyle="#666666";
ctx.font = "30px Arial";
ctx.fillText("Hello World",60,110);
</script>
</html>
查看详细信息
祝你好运!
相关文章:
- 使用键盘箭头在画布上移动字符串
- Javascript-正则表达式,用于在未转义字符上拆分字符串,例如|,但忽略|
- 在空行上拆分字符串
- 设置一个孩子'Firebase上带有字符串的名称
- Javascript在第一个空格上拆分字符串
- 如何在 Javascript 中用一组字符拆分子字符串上的字符串
- 通过另一个对象上的字符串值为 javascript 对象属性赋值
- 用于排除.each上的字符串输入的Javascript
- 拆分[]方括号上的字符串
- 下划线.js if 语句上的字符串连接
- 在画布上显示字符串仅显示几分之一秒
- 使用 JavaScript 和 PHP 在服务器上保存字符串
- 如何在javascript中拆分行空格/分隔符上的字符串
- 如何在对象属性上映射字符串序列
- 在除引号外的空格上拆分字符串,但包括不完整的引号
- 如何在Javascript上更改字符串的编码/字符集
- 在关键字(和)上拆分字符串,除非使用引号('..和..')
- 用javascript上的字符串数据对数组进行排序
- 为什么选择“;字符串”;.charAt(0)在“0”上;字符串“;[0]
- 在换行符和逗号上拆分字符串