html+CSS
普通网友
这个作者很懒,什么都没留下…
展开
-
canvas转base64/jpeg时,透明区域变成黑色背景的解决方案
问题:png图片转jpeg时,透明区域被填充成黑色在用canvas将png图片转jpeg时,发现透明区域被填充成黑色。代码如下:<p>Canvas:</p><canvas id="canvas" style="border: 1px solid #ccc;"></canvas><br><p&转载 2017-12-18 10:03:52 · 7678 阅读 · 1 评论 -
CSS居中的各种实现方式
CSS中如何完美做到居中,一直是令前端工程师头疼的问题。最近读到CSS-TRICKS中的一篇帖子,将居中问题的解决方案策略化。感觉收获很大,翻译过来供大家交流学习。当我们书写CSS时,让元素居中,是抱怨的爆发点之一:为什么会这么难?我认为问题的关键,不在于怎么做,而在于我们如何从诸多居中方法中选择出适应当前情景的。所以接下来,让我们一起创建一颗决策树,希望可以让居中变得简单。水平居中...转载 2017-12-18 10:53:54 · 215 阅读 · 0 评论 -
HTML5摄像头拍照组件的封装
摄像头调用主要使用了navigator.getUserMedia()函数。为了将摄像头的画像实时展现,可以将录像数据流导入到video或者canvas中。在展示的时候,建议使用video作为视频流容易,因为canvas绘画视频帧时存在一定的卡顿。在像素数据分析和将画像转成图片,则应将视频流导到canvas中,使用canvas API中进行数据提取。在这里,我使用了一个隐藏起来的canvas,...转载 2017-12-19 09:30:57 · 690 阅读 · 0 评论 -
CSS常用技巧
1.CSS实现内容超过长度后以省略号显示 样式:{width: 160px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}说明:white-space: nowrap 保证文本内容不会自动换行,如果多余的内容会在水平方向撑破单元格。overflow: hidden 隐藏超出单元格的部分。...翻译 2018-01-09 09:43:39 · 219 阅读 · 0 评论 -
CSS实现内容超过长度后以省略号显示
样式:{width: 160px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}说明:white-space: nowrap 保证文本内容不会自动换行,如果多余的内容会在水平方向撑破单元格。overflow: hidden 隐藏超出单元格的部分。text-overflow: ellipsi...原创 2018-12-22 14:47:46 · 1739 阅读 · 0 评论