Web
子菲渔
子非鱼安知鱼之乐
展开
-
问题:在兼容IE7的情况下画线、画图,减少锯齿
IE7不兼容HTML5,尝试过用excanvas.js插件,可以用canvas了,但是画出来的效果很差,锯齿比较明显;后来尝试用SVG画,效果很好,但是IE7下显示不了;最终找到了raphael.js,可以在IE7下用,效果还行。Raphaël 是跨浏览器的矢量图形库,目前支持的浏览器包括: Firefox 3.0+,Safari 3.0+,Chrome 5.0+,Opera 9.5+ 以及 Int原创 2017-02-22 14:21:17 · 344 阅读 · 0 评论 -
mCustomScrollbar的使用
最近做项目用到这个东西,顺便就写下来。(注意:IE7下滑动条显示不正常) 官网链接:mCustomScrollbar 下载JS、CSS文件:jquery.mCustomScrollbar.js和jquery.mCustomScrollbar.css 在head里加入以下内容:<script src="js/jquery.mCustomScrollbar.js"></...原创 2017-02-22 11:41:45 · 3601 阅读 · 0 评论 -
JS插件——自定义下拉框
HTML的原生select标签,很多东西改不了,限制太大,不同的浏览器显示的样式还不一样,尤其是当需要兼容IE7、IE8时问题更多,想做一个美观的下拉框,最终还是得自定义来实现。效果图: 这里没有做过多的美化,需求就是要这么个简洁的。当然,大小、颜色、箭头图标等等只要能看见的都可以修改,只需要改CSS就OK,这里就不展示了。思路: 通过ul、li标签来仿下拉框,CSS控制样原创 2017-03-29 10:58:43 · 2530 阅读 · 0 评论 -
H5视频网站开发
总结一下视频网站开发的几个主要模块:视频断点续传、视频切片、H5播放。 断点续传: 参考博文:C#实现上传文件分割,断点续传上传文件 视频切片 调用ffmpeg.exe进行切片: public void SegmentVideo(string filePath) { string path = Environment.Current...原创 2018-05-10 11:25:41 · 5699 阅读 · 2 评论 -
百度地图考勤打卡
关键点:获取当前位置、设置考勤点、计算两点距离判断是否在范围内。 <script type="text/javascript" src="http://api.map.baidu.com/api?此处为秘钥"></script><div id="allmap"></div>获取当前位置:var mapvar poin原创 2018-05-10 14:14:10 · 6613 阅读 · 5 评论