标签：Canvas

2019-03-24xiaoxiami阅读(786)赞(0)

问题背景：遇到一个需求，要对播放的视频进行截图，视频使用video标签来播放，然后点击视频播放区域时截取实时的帧图片。代码很简单如下：var video = document.getElementById('video');...

2019-03-24zhaods阅读(564)赞(0)

问题背景：遇到一个需求，要对播放的视频进行截图，视频使用video标签来播放，然后点击视频播放区域时截取实时的帧图片。代码很简单如下：var video = document.getElementById('video');...

2019-03-23zhaods阅读(1021)赞(0)

最近接触了Bootstrap，涉及到了LESS，CSS的预处理器使用最广泛的就是LESS和Sass，都是努力把CSS武装成为开发语言，让它从简单的描述性语言过渡到具有程序式特性的语言，主要的特性就是：变量、Mixins、嵌套、继承等。就像教...

2019-03-23zhaods阅读(663)赞(0)

与文本渲染有关的主要有三个属性以及三个方法：上述的属性和方法的基本用法如下：var canvas = document.getElementById("canvas"); var context = canvas.get...

2019-03-22xiaoxiami阅读(855)赞(0)

　　之前的教程《HTML5实践 — css3图片样式》，我介绍了如何为图片添加background-image包装，借助box-shadow 和 border-radius为图片设置多种多样的样式，有兴趣的朋友可以回头阅读。但是...

2019-03-22zhaods阅读(707)赞(0)

什么是语义元素?一个语义元素能够清楚的描述其意义给浏览器和开发者。无语义 元素实例: <div> 和 <span> – 无需考虑内容.语义元素实例: <form>, <table>...

2019-03-22xiaoxiami阅读(1111)赞(0)

现在越来越多的人开始尝试使用HTML5开发，HTML5的引擎也逐渐增多，开发者到底应该选择一款什么样的引擎呢？这一次我来对比一下几个我个人认为还不错的引擎的效率。本次参加对比的引擎：1. createJSwww.createjs.com2....

2019-03-22xiaoxiami阅读(655)赞(0)

1.效果图 2.原理 第一步绘制一个整圆颜色自定义，第二部绘制一个内圆，其半径要小于外圆颜色自定 最后一步按照百分比绘制第三个圆，颜色自定。 要实现动态绘制第三步的效果，只要添加一个定时器的功能，每隔一段时间绘制一段距离，设定一个阀值 当大...

2019-03-22xiaoxiami阅读(849)赞(0)

HTML5中的几种变形HTML5中的变形，共有以下几种方法scale() 缩放rotate() 旋转translate() 平移transform() 矩阵变形setTransform() 重设矩阵这几个方法，对图片一共能完成下面几种处理但...

2019-03-22xiaoxiami阅读(702)赞(0)

本文为大家详细介绍下HTML5 Canvas Fill 与Stroke文字效果，基于Canvas如何实现纹理填充与描边、颜色填充与描边，具体代码如下，感兴趣的朋友可以参考下哈，希望对大家有所帮助 演示HTML5 Canvas Fill 与S...