前端图形学
5篇文章 · 0订阅
  • 用CSS Houdini画一片星空
    要问2018最让人兴奋的CSS技术是什么，CSS Houdini当之无愧，甚至可以去掉2018这个限定。其实这个技术在2016年就出来了，但是在今年3月发布的Chrome 65才正式支持。 这3个例子都是用了Houdini里面的CSS Paint API。 第1个例子如果使用传…
    CSS JavaScript SVG
    用CSS Houdini画一片星空
  • 前端本地文件操作与上传
    第一种是最常用的手段，通常还会自定义一个按钮，然后盖在它上面，因为type="file"的input不好改变样式。如下代码写一个选择控件，并放在form里面： 可以看到文件的路径是一个假的路径，也就是说在浏览器无法获取到文件的真实存放位置。同时FormData打印出来是一个空的…
    JavaScript
  • 少侠，留步，图片预览术
    少年，我看你骨骼精奇，是万中无一的武学奇才，我这有本《图片流》秘籍，见与你有缘，就送于你了。 本文所说的图片流就是读取本地图片，并在页面使用文件流的方式显示出来。 paste事件提供了一个clipboardData属性，是一个DataTransfer类型的对象，前面我们说到，拖…
    JavaScript 前端 React.js
    少侠，留步，图片预览术
  • web实战：video结合canvas实现视频在线截图
    给大家讲解下我前几天看到的一个有趣小demo：视频在线截图。以下是我修改和添加了新功能后的效果图： 是不是很酷，其实挺简单的，下面就给大家讲讲怎么弄哈。 js的URL对象有个createObjectURL方法，它可以获取一个文件（File对象）的url，然后插入到video元素…
    JavaScript 前端 jQuery
  • HTML5学习之Canvas基础知识
    canvas元素本身是没有绘图能力的，所有的绘制工作必须在 JavaScript 内部完成。 在不支持时可以在canvas标签文本中插入提示不支持信息。 (b) context.lineTo(终点x,终点y)：从moveTo提供的起点开始，到lineTo的坐标绘制一条直线；若没…
    JavaScript 前端 Canvas