感觉源代码SVGEditor.html中有bug

老师，你这节课的源代码中，这条语句的正则表达式写得有点问题吧。var match = /translate\((\d+),(\d+)\)\srotate\((\d+)\)\sscale\((\d+)\)/.exec(transString);因为这里属性中的数值有可能是正数、负数、小数啊，但是这个表达式只能匹配都是正整数的情况吧，我觉得应该改成这样：var match = /translate\((-?\d+),(-?\d+)\)\srotate\((-?\d+)\)\sscale\((-?\d+\.\d{0,2})\)/.exec(transString);

中国鹰派

2015-08-11

源自：走进SVG 1-4

关注问题我要回答

1639

操作

收起

4 回答

vivian_zhang
2020-08-19

另外， createHandle 函数中，设置range值需要放在后面。

handle.setAttribute('min', 0); 
handle.setAttribute('max', 800);
handle.setAttribute('value', value);  // 放在后面

后面。不然选中时，#shape-attrs 里的range值没有更新。

1 回复有任何疑惑可以回复我~

收起回答

vivian_zhang
2020-08-19

改成这样更合适些吧。scale为1时，是整数。

var match = /translate\((-?\d+),(-?\d+)\)\srotate\((-?\d+)\)\sscale\((-?\d(\.\d+)?)\)/.exec(transString);

0 回复有任何疑惑可以回复我~

收起回答

许愿瓶啊
2018-03-18

我测试过了，你说的是正确的，不过还有个问题，匹配的时候，属性之间是没有空格隔开的

正确的写法：var match = /translate\((-?\d+),(-?\d+)\)rotate\((-?\d+)\)scale\((-?\d+\.\d{0,2})\)/.exec(transString);

0 回复有任何疑惑可以回复我~

收起回答

嗨小二
2015-12-19

好像是

0 回复有任何疑惑可以回复我~

收起回答

0/150

提交

取消

走进SVG

参与学习 52638 人
解答问题 213 个

SVG是HTML5 中矢量图的标记语言，学习后掌握更多的干货

进入课程

本课相似问答

2 回答源代码问题

3 回答这课程有源代码的下载么？

1 回答谁有源码吗

1 回答求老师上课demo的源代码

1 回答为什么没有源代码，自己写的代码没有报错，可是没有动画，不知道错在哪？谁可以解答一下？

搜索更多本课相关问答

感觉源代码SVGEditor.html中有bug

我要回答关注问题

热搜

最近搜索清空

感觉源代码SVGEditor.html中有bug

4 回答

本课相似问答

感觉源代码SVGEditor.html中有bug