Scale proportionally with Angular2
我需要在 Angular2 应用程序中实现一个保留缩放比例的部分(例如将 youtube 视频嵌入网站时)。我不能使用 iframe，因为它会使传递数据变得非常复杂。
这是一个使用 jQuery 解决方案的示例：
https://css-tricks.com/scaled-proportional-blocks-with-css-and-javascript/
在 codepen 中，缩小外框将显示所需的功能：
https://codepen.io/chriscoyier/pen/VvRoWy
|
1
2 3 4 5 |
// from original article:
var scale = Math.min( availableWidth / contentWidth, availableHeight / contentHeight ); |
在 Angular2 中是否有比在 jQuery 中混合更好的方法呢？我看到了一些库，但遗憾的是没有演示功能。欢迎任何建议。谢谢
我已经将 jQuery 解决方案 (https://css-tricks.com/scaled-proportional-blocks-with-css-and-javascript) 中的代码”翻译”到了 Angular。
查看这个堆栈闪电战：https://stackblitz.com/edit/angular-vagpoq。我还在代码中包含了带有解释的注释。
原创文章，作者：ItWorker，如若转载，请注明出处：https://blog.ytso.com/268767.html