测试 pattern 指令

马黑黑

花飞飞 发表于 2024-10-20 19:23
好哒，我记得跟编码有关。多数做的贴子里都会出现它，现在想来预防乱码的吧。
老师辛苦啦，上茶哈。。{: ...

马黑黑

红影 发表于 2024-10-20 20:44
在封装好的js情况下，去理解pattern 标签还是有点难度的。说穿了，就是“用来平铺装饰其他svg实体图案”， ...

pattern的作用就是酱紫：拿去给其他元素着色、描边，和渐变差不多道理。只是pattern容易让人困惑，或许它自身不完善，官网对xy都没什么解释，其他资料也语焉不详

马黑黑

红影 发表于 2024-10-20 21:19
这个更容易看出pattern 标签的作用

理解很重要

马黑黑

红影 发表于 2024-10-20 21:00
dr.pattern('pat', 10, 10, .1, .1).addTo('defs');
dr.circle(10,10,8,'steelblue').addTo('pat');

这个没有规定对应不对应，恰巧设置成一样的而已

马黑黑

红影 发表于 2024-10-20 21:16
dr.circle(0,0,100,'url(#pat)');也很奇怪，400的里面做圆半径不应该是200么
看起来这些都是有关联的。试 ...

我设置有 viewBox="-100 -100 200 200"

红影

马黑黑 发表于 2024-10-20 22:16
我设置有 viewBox="-100 -100 200 200"

嗯，这个是相互关联的。

红影

马黑黑 发表于 2024-10-20 22:15
这个没有规定对应不对应，恰巧设置成一样的而已

感觉这个10的设置挺难理解的。

红影

马黑黑 发表于 2024-10-20 21:31
理解很重要

是的，html里的那个更容易看懂。

红影

马黑黑 发表于 2024-10-20 21:30
pattern的作用就是酱紫：拿去给其他元素着色、描边，和渐变差不多道理。只是pattern容易让人困惑，或许它 ...

空了我多去试试，感受一下。

马黑黑

红影 发表于 2024-10-20 22:54
空了我多去试试，感受一下。

不过它的确是不太好理解，这可以也和坐标系有关

花飞飞

马黑黑 发表于 2024-10-20 21:28
多多尝试会有很多体会

边试边看新变化，也可能有意想不到的效果出来，这种互动型的就很有意思。

花飞飞

马黑黑 发表于 2024-10-20 21:29

这里有香茶等着，迟回刚好

马黑黑

花飞飞 发表于 2024-10-21 20:14
这里有香茶等着，迟回刚好

马黑黑

花飞飞 发表于 2024-10-21 20:13
边试边看新变化，也可能有意想不到的效果出来，这种互动型的就很有意思。

就是插件的稳定性还不太好

花飞飞

马黑黑 发表于 2024-10-21 20:17

掐一个吧，粉嫩的

花飞飞

马黑黑 发表于 2024-10-21 20:18
就是插件的稳定性还不太好

这个到没试出来~~不知道怎么个不稳定法
我昨天看到第五行，等会有空继续往下看。。

红影

马黑黑 发表于 2024-10-21 20:04
不过它的确是不太好理解，这可以也和坐标系有关

多试试能感受到里面的规律。

马黑黑

红影 发表于 2024-10-21 21:31
多试试能感受到里面的规律。

是酱紫

马黑黑

花飞飞 发表于 2024-10-21 20:25
这个到没试出来~~不知道怎么个不稳定法
我昨天看到第五行，等会有空继续往下看。。

今天有一点点更新，主要是文档方面的，还有一两个指令。右侧正文自动更新有时候不灵，还没处理，需要手动刷新：右击右侧正文，弹出的菜单有刷新框架

花飞飞

马黑黑 发表于 2024-10-21 22:02
今天有一点点更新，主要是文档方面的，还有一两个指令。右侧正文自动更新有时候不灵，还没处理，需要手动 ...

好哒，新增的容器元素里前三名都是404，跟图片不显示的提示差不多。
404 Not Found我奇怪的是为啥跳了三个。
右侧正文原来是自动更新的呀，我右键看到“此框架”里面有九个选项，但没看到刷新框架。
有图有真像