设计与前端
设计与前端
wpj130
这个作者很懒,什么都没留下…
展开
-
CSS SVG线条动画执行时间不同步问题
场景问题:今天做线条动画,集体设置动画时间为3S,但是有的执行1.5S左右就执行完毕了,有的在3S左右执行完毕。animation: ani 3s ease-out 0ms forwards;问题原因:SVG线条动画大体是根据你线条的条数,来分摊你动画执行时间的。如:此次动画团大体为此图有5条线段,那就是5条线段平分你的3S时间。大约在3/5的时间执行完毕动画。解决:所以你设置为15S,就是这个图案在3S执行完毕。...原创 2020-08-05 10:24:05 · 527 阅读 · 0 评论 -
高德地图JS - 已知经纬度来获取街道、城市、详细地址等信息
1、时候偶现你得引入谷歌API|JSvar geoCoder = new AMap.Geocoder({ city: ""//城市,默认:“全国”});var lnglatXY = [ clickRsp['lnglat']['lng'], clickRsp['lnglat']['lat']]; // 地图上所标点的坐标geoCoder.getAddress(lnglatXY, function(status, result) { console.log(stat转载 2020-05-15 17:19:59 · 6459 阅读 · 0 评论 -
设计的字重与前端的font-weight
字重(weight),是指相对于字高度的笔画粗细(stroke width)程度。一个字体(typeface)的某个字型(font)的字重常常至少4-6个,其中正常与黑体几乎是必备的:100 - 淡体 Thin ( Hairline )200 - 特细 Extra-light ( ultra-light )300 - 细体 Light350 - 次细 Demi-Light4...转载 2020-05-08 16:45:41 · 2807 阅读 · 1 评论