已解决

ctx.textBaseline="top"; 

可以重复的，就是颜色相同字体会看不出来

//可以使用径向渐变，如使用线性渐变类似。关键就是径向渐变的坐标掌控。

//我这坐标瞎写的，文字使用径向渐变有效果，但不明显。下面是代码

var grd=context.createRadialGradient(400,100,50,400,100,100);

  grd.addColorStop(0.0,'red');

  grd.addColorStop(1.0,'green');

  context.fillStyle=grd;

  context.fillText('Hello World',200,200);

在你存放的webstorm 的文件夹下,新建一个专门用来存放图片的文件夹

然后再html中写<img src="image/你图片的名字"></img>即可插入

是的，因为坐标点均为40,600所以覆盖住了，最后一行是给文字添加了边框，边框的颜色是前一个练习的"#058"

  context.font="100px bold  Arial";

这里错误了！

   context.font='bold 40px Arial';

应该是context.font="40px bold Arial";老师写错误！

你的写法：c.font="blod 100 Arial"

正确写法：c.font="bold 100px Arial";

少量的就做图片 大量的加载自己的字体

是不是没有加私有前缀

你这代码写的没问题可以看到啊，你自己看看标点符号中英文。也可以F12看看错误提示。

ps和各种图像处理软件都可以的，canvas只是用代码完成而已，ps底层也是代码实现只是和canvas不同而已就和java，php，.net都能实现编程，然而方式不一样而已，这个比喻虽然有点不大恰当，但是意思你懂得