设为首页收藏本站

开启辅助访问切换到宽版登录 立即注册

QQ登录

花潮论坛»论坛 › 花潮休闲____ 管理员：小九梦油 › 欢乐水吧 › 马黑黑教程专版 › 动态生成canvas文本模块

1 234 5 6 7 8 9 10 ... 13 / 13 页下一页

发新帖

楼主: 马黑黑

动态生成canvas文本模块

TA的每日心情

	开心 2025-11-17 10:56

签到天数: 1050 天

[LV.10]以坛为家III

1881 主题	32万回帖	37万积分

Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9

发消息

发表于 2025-6-21 23:20 | 显示全部楼层

马黑黑发表于 2025-6-21 18:24
你可能说的是画布的背景色？初稿版本没有提供，现在更新了一个设置项，bg，背景颜色：

const config = ...

那个颜色设置里是不是少了半边括号？

　

回复支持反对

使用道具举报

TA的每日心情

	开心 2025-11-17 10:56

签到天数: 1050 天

[LV.10]以坛为家III

1881 主题	32万回帖	37万积分

Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9

发消息

发表于 2025-6-21 23:25 | 显示全部楼层

马黑黑发表于 2025-6-21 18:25
字号不能太小

太小看不出效果了吧

　

回复支持反对

使用道具举报

TA的每日心情

	开心 2025-11-17 10:56

签到天数: 1050 天

[LV.10]以坛为家III

1881 主题	32万回帖	37万积分

Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9

发消息

发表于 2025-6-21 23:25 | 显示全部楼层

马黑黑发表于 2025-6-21 18:26
开发的协助性工具

而且每个人都能看到。

　

回复支持反对

使用道具举报

TA的每日心情

	开心 2025-11-17 10:56

签到天数: 1050 天

[LV.10]以坛为家III

1881 主题	32万回帖	37万积分

Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9

发消息

发表于 2025-6-21 23:30 | 显示全部楼层

马黑黑发表于 2025-6-21 18:26
线性的，xy最大数所及之处，是渐变的作用边界
径向的，两个半径，大圆半径所及之处，是渐变的作用边界

谢谢黑黑，这样就知道渐变的边界了

　

回复支持反对

使用道具举报

TA的每日心情

	慵懒 2025-11-30 07:45

签到天数: 1655 天

[LV.Master]伴坛终老

3024 主题	13万回帖	28万积分

Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9

发消息

楼主| 发表于 2025-6-22 08:12 | 显示全部楼层

红影发表于 2025-6-21 23:30
谢谢黑黑，这样就知道渐变的边界了

这个渐变在CSS中更容易理解一些，到了SVG和canvas，它们有些怪异，需要细细体会

回复支持反对

使用道具举报

TA的每日心情

	慵懒 2025-11-30 07:45

签到天数: 1655 天

[LV.Master]伴坛终老

3024 主题	13万回帖	28万积分

Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9

发消息

楼主| 发表于 2025-6-22 08:12 | 显示全部楼层

红影发表于 2025-6-21 23:25
而且每个人都能看到。

除非不想看

回复支持反对

使用道具举报

TA的每日心情

	慵懒 2025-11-30 07:45

签到天数: 1655 天

[LV.Master]伴坛终老

3024 主题	13万回帖	28万积分

Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9

发消息

楼主| 发表于 2025-6-22 08:14 | 显示全部楼层

红影发表于 2025-6-21 23:25
太小看不出效果了吧

canvas以像素为绘制最小单位，它在放大缩小后不保真

回复支持反对

使用道具举报

TA的每日心情

	慵懒 2025-11-30 07:45

签到天数: 1655 天

[LV.Master]伴坛终老

3024 主题	13万回帖	28万积分

Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9

发消息

楼主| 发表于 2025-6-22 08:14 | 显示全部楼层

红影发表于 2025-6-21 23:20
那个颜色设置里是不是少了半边括号？

少了会通不过，通的过就不少，具体应用中灵活修改

回复支持反对

使用道具举报

TA的每日心情

	慵懒 2025-11-30 07:45

签到天数: 1655 天

[LV.Master]伴坛终老

3024 主题	13万回帖	28万积分

Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9

发消息

楼主| 发表于 2025-6-22 08:18 | 显示全部楼层

杨帆发表于 2025-6-21 23:06
谢谢老师，我还不会用F12调出 DevTools 看看控制台呢

你的笔记本是用 Fn + F12 调出浏览器的 DevTools，该环境开发集成工具有一个 Console 即控制台，它上面会要警告、报错或开发者测试输出的数据，对 JS 代码查错什么的有非常友好的帮助。集成工具支持中文显示，需要自己设置一下。

回复支持反对

使用道具举报

TA的每日心情

	开心 2025-11-17 10:56

签到天数: 1050 天

[LV.10]以坛为家III

1881 主题	32万回帖	37万积分

Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9

发消息

发表于 2025-6-22 09:12 | 显示全部楼层

马黑黑发表于 2025-6-22 08:12
这个渐变在CSS中更容易理解一些，到了SVG和canvas，它们有些怪异，需要细细体会

我脑袋里想的还是css中的，等碰到问题了，就能体会在SVG和canvas中的怪异之处了。

　

回复支持反对

使用道具举报

TA的每日心情

	开心 2025-11-17 10:56

签到天数: 1050 天

[LV.10]以坛为家III

1881 主题	32万回帖	37万积分

Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9

发消息

发表于 2025-6-22 09:12 | 显示全部楼层

马黑黑发表于 2025-6-22 08:12
除非不想看

或者不会看

　

回复支持反对

使用道具举报

TA的每日心情

	开心 2025-11-17 10:56

签到天数: 1050 天

[LV.10]以坛为家III

1881 主题	32万回帖	37万积分

Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9

发消息

发表于 2025-6-22 09:13 | 显示全部楼层

马黑黑发表于 2025-6-22 08:14
canvas以像素为绘制最小单位，它在放大缩小后不保真

嗯嗯，只有svg才是保真的。

　

回复支持反对

使用道具举报

TA的每日心情

	开心 2025-11-17 10:56

签到天数: 1050 天

[LV.10]以坛为家III

1881 主题	32万回帖	37万积分

Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9

发消息

发表于 2025-6-22 09:14 | 显示全部楼层

马黑黑发表于 2025-6-22 08:14
少了会通不过，通的过就不少，具体应用中灵活修改

对哦，一试就知道了。

　

回复支持反对

使用道具举报

TA的每日心情

	奋斗 2025-11-30 00:22

签到天数: 380 天

[LV.9]以坛为家II

297 主题	2548 回帖	1万积分

Rank: 7 Rank: 7 Rank: 7 Rank: 7 Rank: 7 Rank: 7 Rank: 7

发消息

发表于 2025-6-22 09:41 | 显示全部楼层

马黑黑发表于 2025-6-22 08:18
你的笔记本是用 Fn + F12 调出浏览器的 DevTools，该环境开发集成工具有一个 Console 即控制台，它上面会 ...

谢谢老师，有点明白了，我再学习一下

★青春是一个人的精神生命，奋斗是一个人最大的体面，学习是一个人最美的姿态。

回复支持反对

使用道具举报

TA的每日心情

	慵懒 2025-11-30 07:45

签到天数: 1655 天

[LV.Master]伴坛终老

3024 主题	13万回帖	28万积分

Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9

发消息

楼主| 发表于 2025-6-22 10:29 | 显示全部楼层

杨帆发表于 2025-6-22 09:41
谢谢老师，有点明白了，我再学习一下

回复支持反对

使用道具举报

TA的每日心情

	慵懒 2025-11-30 07:45

签到天数: 1655 天

[LV.Master]伴坛终老

3024 主题	13万回帖	28万积分

Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9

发消息

楼主| 发表于 2025-6-22 10:30 | 显示全部楼层

红影发表于 2025-6-22 09:14
对哦，一试就知道了。

在线匆忙写回复，难免有错误。回头看了一下，确实你说得对

回复支持反对

使用道具举报

TA的每日心情

	慵懒 2025-11-30 07:45

签到天数: 1655 天

[LV.Master]伴坛终老

3024 主题	13万回帖	28万积分

Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9

发消息

楼主| 发表于 2025-6-22 10:30 | 显示全部楼层

红影发表于 2025-6-22 09:13
嗯嗯，只有svg才是保真的。

所以说，彼此是无法相互替代的

回复支持反对

使用道具举报

TA的每日心情

	慵懒 2025-11-30 07:45

签到天数: 1655 天

[LV.Master]伴坛终老

3024 主题	13万回帖	28万积分

Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9

发消息

楼主| 发表于 2025-6-22 10:30 | 显示全部楼层

红影发表于 2025-6-22 09:12
或者不会看

学学就会

回复支持反对

使用道具举报

TA的每日心情

	慵懒 2025-11-30 07:45

签到天数: 1655 天

[LV.Master]伴坛终老

3024 主题	13万回帖	28万积分

Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9

发消息

楼主| 发表于 2025-6-22 10:31 | 显示全部楼层

红影发表于 2025-6-22 09:12
我脑袋里想的还是css中的，等碰到问题了，就能体会在SVG和canvas中的怪异之处了。

CSS是将复杂的机制简化了，针对的是普通使用者，对编程能力没有太多要求

回复支持反对

使用道具举报

TA的每日心情

	开心 2025-11-17 10:56

签到天数: 1050 天

[LV.10]以坛为家III

1881 主题	32万回帖	37万积分

Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9 Rank: 9

发消息

发表于 2025-6-22 19:30 | 显示全部楼层

马黑黑发表于 2025-6-22 10:30
在线匆忙写回复，难免有错误。回头看了一下，确实你说得对

你说的方法也很对啊，不管怎样一试结果就很明确

　

回复支持反对

使用道具举报

1 234 5 6 7 8 9 10 ... 13 / 13 页下一页

发新帖

小黑屋|手机版|Archiver|服务支持：DZ动力|huachaowang.com Inc. ( 蜀ICP备17032287号-1 )

GMT+8, 2025-11-30 15:08 , Processed in 0.096018 second(s), 22 queries .

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表