两侧同时换到之前的修订记录 前一修订版 后一修订版 | 前一修订版上一修订版两侧同时换到之后的修订记录 |
public:it:front-end [2021/03/09 10:49] – [Online tools] oakfire | public:it:front-end [2023/03/15 11:29] – [LIB] oakfire |
---|
* [[http://www.xiconeditor.com/|ICO 图标在线制作]] | * [[http://www.xiconeditor.com/|ICO 图标在线制作]] |
* [[https://www.vectorizer.io/|img 转 svg 在线转换]] | * [[https://www.vectorizer.io/|img 转 svg 在线转换]] |
| ===== Tips ===== |
| * 浏览器视口(viewport)相对于屏幕的坐标位置的获取: |
| * 没有W3C标准。标准的''window.screenLeft''是浏览器窗口的屏幕坐标。 |
| * firefox 可以通过 ''window.mozInnerScreenX'' 获取,非标准。 |
| * 其它现代浏览器(chrome)需要用鼠标事件所带的 ''screenX'',''clientX'' 来计算。参考 https://github.com/rokmoln/browser-coords |
| * 浏览器捕捉屏幕: [[https://developer.mozilla.org/en-US/docs/Web/API/Screen_Capture_API/Using_Screen_Capture|MDN Screen capture]] |
| * ''navigator.mediaDevices.getDisplayMedia'' |
| * [[https://developer.mozilla.org/en-US/docs/Web/API/MediaStream|MediaStream]] |
===== LIB ===== | ===== LIB ===== |
* [[http://placehold.it/|img 占位]] | * [[http://placehold.it/|img 占位]] |
* [[http://fortawesome.github.io/Font-Awesome/examples/|Font Awesome]] | * [[http://fortawesome.github.io/Font-Awesome/examples/|Font Awesome]] |
| * [[https://github.com/tabler/tabler|tabler]]:一个基于 Bootstrap 的网页 UI 框架,专用于开发管理后台 |
==== Grunt ==== | ==== Grunt ==== |
* [[http://gruntjs.com| gruntjs.com]] | * [[http://gruntjs.com| gruntjs.com]] |