js 写了个小东西,大佬们有点什么建议?

2019-11-12 17:35:33 +08:00
 oubenruing

一个把输入文字转换成描边动画 svg 的小东西 https://oubenruing.github.io/svg-text-animate/
如果有什么想法,请给我点建议~
如果觉得不错,请给个 star~
谢谢~

5122 次点击
所在节点    分享创造
28 条回复
oubenruing
2019-11-13 18:15:20 +08:00
@meloncc 感谢,我去从新组织下代码
oubenruing
2019-11-13 18:15:56 +08:00
@chengxy 被看穿了。。。
oubenruing
2019-11-13 18:16:38 +08:00
@rabbirbot00 感谢~
oubenruing
2019-11-13 18:40:14 +08:00
@meloncc @azh7138m
setFont 中 之前写法是
const _this = this
new Promise(function (resove, reject){
console.log(this) //局部作用域
console.log(_this)
}
此处的 this 是指向局部作用域 因此返回 undefined ;因此我在 Promise 外面先定义一个_this 来获得一个实例本身的引用。

现在改成
new Promise((resove, reject)=>{
console.log(this)
}
使用箭头函数,箭头函数内的 this 不会指向自身。

我的理解是否有误,请见教。
oubenruing
2019-11-13 18:43:37 +08:00
@vtwoextb 字体大小目前有参数可以控制。斜体与否是根据使用字体来控制的,背景默认透明,在使用中可以通过父元素来控制。下载功能后续完善。
lzuntalented
2019-11-14 00:53:45 +08:00
挺漂亮的,还可以在描边时增加特效,可以参考下这个效果 https://github.com/lzuntalented/lz-paint-text
oubenruing
2019-11-14 09:46:03 +08:00
@lzuntalented 你的这个效果挺好!不过动画是用 js 控制的,我这个主要是 svg 用 css 动画,我看看能不能加上一些效果。谢谢!
ty89
2019-11-14 10:05:24 +08:00
动画效果比较单一,建议多增加一些效果
这个需求还是有的,比如做视频片头就很有用

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/618894

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX