Javascript 如何使用JS在画布中绘制角色的一部分?

Javascript 如何使用JS在画布中绘制角色的一部分?,javascript,canvas,Javascript,Canvas,我只想使用fillText()在画布上打印字符的一部分,如下所示: 我希望零件尺寸基于一个变量(在本例中为n~0.6) 我不想清除字母附近的矩形,这样它的部分就被清除了,因为在它下面已经画了一些我不想清除的东西 有没有办法做到这一点?有多种方法可以做到这一点 选项一: var ctx=c.getContext('2d'); ctx.font='70px无衬线'; ctx.rect(15,0,50,c.高度); ctx.clip(); ctx.fillText('A',0,70) canva

我只想使用
fillText()
在画布上打印字符的一部分,如下所示:

我希望零件尺寸基于一个变量(在本例中为n~0.6)

我不想清除字母附近的矩形,这样它的部分就被清除了,因为在它下面已经画了一些我不想清除的东西


有没有办法做到这一点?

有多种方法可以做到这一点

选项一:

var ctx=c.getContext('2d');
ctx.font='70px无衬线';
ctx.rect(15,0,50,c.高度);
ctx.clip();
ctx.fillText('A',0,70)
canvas{border:1px solid}

有多种方法可以做到这一点

选项一:

var ctx=c.getContext('2d');
ctx.font='70px无衬线';
ctx.rect(15,0,50,c.高度);
ctx.clip();
ctx.fillText('A',0,70)
canvas{border:1px solid}

首先,你将如何绘制整个字符?我会做一些类似于
fillText('A',30,100)
的事情,首先,你将如何绘制整个字符?我会做一些类似于
fillText('A',30,100)
的事情回答得很好,谢谢。我不知道
clip()
是一种东西,但它听起来对绘制复杂形状非常有用。回答得很好,谢谢。我不知道
clip()
是一种东西,但它听起来对绘制复杂形状非常有用。