transform:scale( x ): 语法为:transform: scale(x,y). 同时有scaleX, scaleY专门的x, y方向的控制。 例如:transform: scale(0.5) 缩小为原来的一半 和zoom不同,scale并不支持百分比值和normal关键字,只能是数 ...
分类:
Web程序 时间:
2018-05-31 19:31:31
阅读次数:
705
canvas.width = 400; canvas.height = 500; var bg_day = new Sprite("https://upload-images.jianshu.io/upload_images/9107736-612970cfd3fd6f4c.png?imageMog ...
分类:
移动开发 时间:
2018-05-23 20:48:14
阅读次数:
252
【08】css sprite是什么?有什么优缺点?概念:将多个小图片拼接到一个图片中。通过background-position和元素尺寸调节需要显示的背景图案。优点:减少HTTP请求数,极大地提高页面加载速度。增加图片信息重复度,提高压缩比,减少图片大小。更换风格方便,只需在一张或几张图片上修改颜... ...
分类:
Web程序 时间:
2018-05-13 23:04:06
阅读次数:
188
canvas.resize(600,400); var clkbg = new Sprite('https://rss.leaplearner.com/teachfiles/Media/clk_bg-03.jpg',0,0,600,400); var clockDial = new Circle(2 ...
分类:
其他好文 时间:
2018-05-12 19:24:48
阅读次数:
122
性能优化有很多方面:慢慢收集吧 (没有区分服务端和客户端) 1.0 使用CDN(加快网页响应速度,提高用户体验) 2.0 减少HTTP请求数 3.0减少DNS查询 4.0避免重定向 5.0 图片懒加载 6.0 减少DOM元素数量(这个针对HTML代码的质量) 7.0减少对DOM的操作 (针对js代码 ...
分类:
其他好文 时间:
2018-05-11 20:45:18
阅读次数:
135
一张大图中包含很多小图,结合css的 "height", "width", "background image","background repeat","background position"的组合进行背景定位。 ...
分类:
Web程序 时间:
2018-05-07 20:58:53
阅读次数:
187
有一个在线工具:https://www.toptal.com/developers/css/sprite generator。生成雪碧图是极其方便的。 现在呢,我们来试试用gulp来生成雪碧图。 第一步:去淘宝镜像地址(http://npm.taobao.org/)里安装cnpm。 $ npm in ...
分类:
其他好文 时间:
2018-05-02 21:05:14
阅读次数:
626
1.Image组件—“Source Image”,Set Native Size. 2.Image组件—“Image Type”——Sliced 编辑要放大缩小的图片,Sprite Editor,采用九宫格切图。 3.创建空物体(作为父物体),添加Componment—Layout—Grid Lay ...
分类:
其他好文 时间:
2018-04-27 12:14:45
阅读次数:
161
Sprite精灵,是游戏中对具有动画作用功能的图片的爱称。 精灵,图标和字体等资源是不能够处理事件的,因为它们并不是继承自EventDispatcher.但是可以包含一个能够EventDispatcher子类化对象作为成员。 其实我想知道的是,EventDispatcher的子类能不能够处理系统事件 ...
分类:
其他好文 时间:
2018-04-25 21:01:22
阅读次数:
191
一、CSS命名规范(规则)大全 常用的CSS命名规则 注释的写法: id的命名: (1)页面结构 (2)导航 (3)功能 注意事项: CSS样式表文件命名 二、CSS书写顺序 三、CSS书写规范 使用CSS缩写属性 CSS有些属性是可以缩写的,比如padding,margin,font等等,这样精简 ...
分类:
Web程序 时间:
2018-04-24 13:53:30
阅读次数:
279