动态生成canvas文本模块

马黑黑

杨帆 发表于 2025-6-20 21:46
知道了，谢谢老师，需要学的东西太多，慢慢跟老师学吧

我写的代码基本还是好懂的，专家级别的些，那可是云里雾里了

杨帆

马黑黑 发表于 2025-6-20 21:47
我写的代码基本还是好懂的，专家级别的些，那可是云里雾里了

是，老师是专家的专家，举重若轻，深入浅出，大师风范

马黑黑

杨帆 发表于 2025-6-20 21:51
是，老师是专家的专家，举重若轻，深入浅出，大师风范

过奖

杨帆

马黑黑 发表于 2025-6-20 21:42
为啥老推荐使用F12，这就是

老师好，右键，点击---查看元素，显示的内容与使用F12 的效果一样吧？

杨帆

马黑黑 发表于 2025-6-20 21:53
过奖

名副其实，当之无愧，名至实归

马黑黑

杨帆 发表于 2025-6-20 22:09
名副其实，当之无愧，名至实归

哪里

马黑黑

杨帆 发表于 2025-6-20 22:02
老师好，右键，点击---查看元素，显示的内容与使用F12 的效果一样吧？

不一样。在页面上对特定目标的左、右键鼠标操作是前台操作，按F12则是进入开发环境集成工具（DevTools）

杨帆

马黑黑 发表于 2025-6-21 08:54
不一样。在页面上对特定目标的左、右键鼠标操作是前台操作，按F12则是进入开发环境集成工具（DevTools）

知道了，谢谢老师

红影

马黑黑 发表于 2025-6-20 21:39
渐变作用于你所设置的坐标数据规范的范围

我也不知道该取什么数字，就试试玩一下

红影

马黑黑 发表于 2025-6-20 21:42
为啥老推荐使用F12，这就是

嗯，这个功能还是挺强大的，摇习惯使用它呢

红影

马黑黑 发表于 2025-6-20 21:43
fillStyle 和 strokeStyle 可以是颜色，也可以是渐变，模块设定，如果使用渐变，那么，填充和描边方式就 ...

原来是这样，这个做文字无论是哪种方式，都觉得很好看呢

红影

杨帆 发表于 2025-6-20 21:43
哇，学的又快又好，赞一个

我就随手试了一个啊

红影

马黑黑 发表于 2025-6-20 21:44
这个模块根据文本决定画布的宽高，所以，这个说法也对

嗯嗯，能让颜色被弄上去就好

杨帆

本帖中的canvas文本举例，在论坛运行正常，本地预览第一次正常，再预览就无法正常显示，不知问题在哪里？请老师答疑解惑@马黑黑

马黑黑

杨帆 发表于 2025-6-21 17:01
本帖中的canvas文本举例，在论坛运行正常，本地预览第一次正常，再预览就无法正常显示，不知问题在哪里？请 ...

你是存为本地 .html 文件吧？如果是，那么，如果运行不正常，调出 DevTools 看看控制台有没有报错，有报错才知道问题出在哪儿

马黑黑

红影 发表于 2025-6-21 14:36
嗯嗯，能让颜色被弄上去就好

你可能说的是画布的背景色？初稿版本没有提供，现在更新了一个设置项，bg，背景颜色：

const config = {
    font: 'normal 30px sans-serif',
    bg: 'rgba(20, 100, 105, 0.5)', // 设置底色
    // ... 其它设置
};

马黑黑

红影 发表于 2025-6-21 14:34
原来是这样，这个做文字无论是哪种方式，都觉得很好看呢

字号不能太小

马黑黑

红影 发表于 2025-6-21 14:32
嗯，这个功能还是挺强大的，摇习惯使用它呢

开发的协助性工具

马黑黑

红影 发表于 2025-6-21 14:32
我也不知道该取什么数字，就试试玩一下

线性的，xy最大数所及之处，是渐变的作用边界
径向的，两个半径，大圆半径所及之处，是渐变的作用边界

杨帆

马黑黑 发表于 2025-6-21 18:21
你是存为本地 .html 文件吧？如果是，那么，如果运行不正常，调出 DevTools 看看控制台有没有报错，有报 ...

谢谢老师，我还不会用F12调出 DevTools 看看控制台呢