文章关键字 ‘矢量’

借助SVG文字尺寸自动缩放甚至突破Chrome 12px限制

2018年03月24日,星期六

文字大小尺寸跟着容器的尺寸变化。这对于一些需要尺寸自适应的slogon内容就很实用,例如移动端320~414宽度间的自适应。纯CSS可以实现,但如果局部自适应实现就比较麻烦,canvas则效果不好,SVG实现则兼顾两者的优点……

阅读全文…

照片位图转SVG矢量图片JS工具primitive.js等简介

2017年11月30日,星期四

primitive是相对来说比较有名的将照片图片使用几何图形重建的工具。基于原始的这个primitive项目算法,很多开发人员拓展了Java版本,react版本等。自然也有JavaScript版本,就是本文要介绍的primitive.js。以及还会介绍其他一些位图转矢量图JS。

阅读全文…

SVG-Morpheus实现SVG图标图形间的补形动画

2014年12月14日,星期日

如何实现矢量图形之间的过渡动画效果呢?可不可以像以前的flash那样,知道前后图形,直接创建中间的补间动画呢?有,当当当当,就是本文要介绍的SVG-Morpheus! 一如既往,有demo页面、有丰富的截图,有必要的源代码展示,不仅如此,本文还有swf效果展示, MP4视频效果展示以及gif截图效果。总之,希望本文的内容能够对您的学习有所帮助。

阅读全文…

致设计师:图标图形制作-路径为王

2014年05月13日,星期二

楼外雨潺潺,春意阑珊!打球刚回身疲累,行文略懒散。一言蔽之,路径为王,谁知啰嗦甚多天甚晚,急得老婆直叫喊。

本来,下笔之时想大气磅礴说一通,现在看来,也就是不温不火的一句话:“设计师同事们,制作各类图标的时候使用路径绘制啊!会更powerful!”

阅读全文…