论坛 › 马黑黑教程专版 › svg drawer 弄个渐变字

花飞飞 发表于 2024-10-23 22:02

马黑黑 发表于 2024-10-23 21:51
美化很简单的，大把工具，包括在线工具

除了位置美化，还有它比JS看着好懂{:4_173:}

花飞飞 发表于 2024-10-23 22:05

马黑黑 发表于 2024-10-23 21:54
不同语境，含义不同。这里：

一是，渐变要有id，插件封装渐变指令时允许在 {} 里放个id;


原来0=0%，1=100%是一码事，这就明白了。那必须可以.3或者.9之类的。。{:4_190:}

马黑黑 发表于 2024-10-23 22:05

花飞飞 发表于 2024-10-23 22:05
原来0=0%，1=100%是一码事，这就明白了。那必须可以.3或者.9之类的。。

数学小白的说{:4_170:}

花飞飞 发表于 2024-10-23 22:06

马黑黑 发表于 2024-10-23 21:55
没有，这是很专业的。渐变规定的颜色过渡，就和颜色的终止有关。

原来如此，边界到此的意思吧，有点天马行空。。{:4_170:}

马黑黑 发表于 2024-10-23 22:06

花飞飞 发表于 2024-10-23 22:02
除了位置美化，还有它比JS看着好懂

这是因为你有点偏科

马黑黑 发表于 2024-10-23 22:07

花飞飞 发表于 2024-10-23 22:02
好吧，好象明白些。能不能这样理解
比如我做图的时候，第一版叫xxx01，颜色位置啥的改一点叫02，然后改 ...

插件地址不变，只是引用的时候加个版本号，随意的

马黑黑 发表于 2024-10-23 22:07

花飞飞 发表于 2024-10-23 22:06
原来如此，边界到此的意思吧，有点天马行空。。

不是天马行空，非常严谨，渐变讲究：颜色起止

花飞飞 发表于 2024-10-23 22:09

马黑黑 发表于 2024-10-23 22:05
数学小白的说

还是01小白{:4_173:}
x1: 1, x2: 0, y1: 0, y2: 1
右上角起始，左下角终止，这回不会错了吧。

花飞飞 发表于 2024-10-23 22:10

马黑黑 发表于 2024-10-23 22:06
这是因为你有点偏科

{:4_173:}死活就不偏JS

花飞飞 发表于 2024-10-23 22:13

马黑黑 发表于 2024-10-23 22:07
插件地址不变，只是引用的时候加个版本号，随意的

乱加标识也允许显示~~本来我以为这些地址很严肃的，从来不敢乱动。{:4_173:}

花飞飞 发表于 2024-10-23 22:15

马黑黑 发表于 2024-10-23 22:07
不是天马行空，非常严谨，渐变讲究：颜色起止

{:4_173:}看你强调几遍严谨，我尽量给它转到合理。。

马黑黑 发表于 2024-10-23 23:11

花飞飞 发表于 2024-10-23 22:15
看你强调几遍严谨，我尽量给它转到合理。。

stop 是终止的意思。标签中，stop 用来定义颜色终止于多少偏移量

马黑黑 发表于 2024-10-23 23:13

花飞飞 发表于 2024-10-23 22:13
乱加标识也允许显示~~本来我以为这些地址很严肃的，从来不敢乱动。

地址后面的 ? 很常见的，你看论坛的地址栏。

而使用 ?v=xxx，表达的是，我这个插件是什么版本。浏览器就会拿这个版本和存在缓存中的相比较，如果版本相同，就调用缓存里的，如果不同，就下载

马黑黑 发表于 2024-10-23 23:14

花飞飞 发表于 2024-10-23 22:10
死活就不偏JS

其实玩代码需要很多数学能力，数学不好的弄起来有些麻烦

马黑黑 发表于 2024-10-23 23:22

本帖最后由 马黑黑 于 2024-10-23 23:24 编辑

花飞飞 发表于 2024-10-23 22:09
还是01小白
x1: 1, x2: 0, y1: 0, y2: 1
右上角起始，左下角终止，这回不会错了吧。
颜色过渡需要指明方向，水平方向用 x1、x2 表示两个水平点，如果点的值相同，表示两种颜色的过渡在水平方向没有变化，任何一种参与渐变的颜色都从左向右或从右向左延伸，反之，如果x1的值不等于x2的值，则颜色在水平方向有变化；y1 和 y2 也是如此，只是 y* 管的是垂直方向。

有一种理解是，x1=x2 且 y1≠y2 时，渐变过渡是上下过渡，x1≠x2 且 y1=y2时，是左右的渐变。这是基础认识。四个值的组合能产生很复杂的渐变方向，并非上下左右那么简单。

然后要去尝试，感受x*y*的数值变化和渐变效果是什么关系。

花飞飞 发表于 2024-10-24 18:19

马黑黑 发表于 2024-10-23 23:22
颜色过渡需要指明方向，水平方向用 x1、x2 表示两个水平点，如果点的值相同，表示两种颜色的过渡在水平方 ...

噢也，这么详细的线性渐变过渡笔记。。
看着好清晰，四个值的组合能产生很复杂的渐变方向，并非上下左右那么简单。
感觉到了，还是抽时间去试看看才更明白

花飞飞 发表于 2024-10-24 18:22

马黑黑 发表于 2024-10-23 23:14
其实玩代码需要很多数学能力，数学不好的弄起来有些麻烦

看出来了，数学很重要。
0和1都不好整懂的小白解不了，只能不求甚解。。{:4_170:}

花飞飞 发表于 2024-10-24 18:24

马黑黑 发表于 2024-10-23 23:13
地址后面的 ? 很常见的，你看论坛的地址栏。

而使用 ?v=xxx，表达的是，我这个插件是什么版本。浏览器 ...

抬头看了一下，就这一页，艾码，好多莫明的符号在其中。。
相比较你的这个JS 地址够常规了。。{:4_170:}

浏览器它可真的好智能的。

花飞飞 发表于 2024-10-24 18:26

马黑黑 发表于 2024-10-23 23:11
stop 是终止的意思。标签中，stop 用来定义颜色终止于多少偏移量

STOP好容易碰上个认识的单词，居然管的地盘还不小，原来是隐藏BOSS。。这回是真明白了。。{:4_173:}

马黑黑 发表于 2024-10-24 21:30

花飞飞 发表于 2024-10-24 18:26
STOP好容易碰上个认识的单词，居然管的地盘还不小，原来是隐藏BOSS。。这回是真明白了。。

人家命名这些东东不是胡来的

查看完整版本: svg drawer 弄个渐变字