ngBoxFill:Angular.js指令,可缩放应用于其的元素的内容以填充元素本身的框

时间:2024-06-05 00:16:40
【文件属性】:

文件名称:ngBoxFill:Angular.js指令,可缩放应用于其的元素的内容以填充元素本身的框

文件大小:6KB

文件格式:ZIP

更新时间:2024-06-05 00:16:40

JavaScript

ngBoxFill Angular.js指令,用于缩放要应用到其上的元素的内容以填充元素本身的框。 它的工作原理是将指令的后代转换为offsetWidth到一个inline元素中,并获取其offsetWidth和offsetHeight并计算比例因子以填充原始元素。 缩放内容的纵横比始终保持不变。 它应该可以在所有支持浏览器上。 调整浏览器窗口的大小或使用指令更改元素的尺寸会触发比例因子的重新计算。 与 , 或之类的解决方案不同,它无法通过近似相对font-size工作,而是可以缩放图像和视频之类的内容。 入门 在AngularJS标记后的页面上添加脚本: [removed][removed] <script type='text/javascript' src='path/


【文件预览】:
ngBoxFill-master
----.gitignore(56B)
----gruntfile.js(923B)
----README.md(2KB)
----LICENSE(1KB)
----bower.json(637B)
----package.json(431B)
----.travis.yml(113B)
----index.html(1KB)
----ng-boxfill.js(2KB)
----ng-boxfill.css(177B)

网友评论