html写原生曲线图,HTML5 平滑的正弦波曲线图

JavaScript

语言：

JaveScriptBabelCoffeeScript

确定

var waves = new SineWaves({

el: document.getElementById('waves'),

speed: 4,

width: function() {

return $(window).width();

height: function() {

return $(window).height();

ease: 'SineInOut',

wavesWidth: '80%',

waves: [{

timeModifier: 4,

lineWidth: 2,

amplitude: -100,

wavelength: 25

}, {

timeModifier: 4,

lineWidth: 1,

amplitude: -50,

wavelength: 20

}],

// Called on window resize

resizeEvent: function() {

var gradient = this.ctx.createLinearGradient(0, 0, this.width, 0);

gradient.addColorStop(0, "rgba(0,134,141,1)");

var index = -1;

var length = this.waves.length;

while (++index < length) {

this.waves[index].strokeStyle = gradient;

}

// Clean Up

index = void 0;

length = void 0;

gradient = void 0;

}

});

html写原生曲线图,HTML5 平滑的正弦波曲线图相关推荐

原生和html5,H5和原生APP对比
作者:senntyou segmentfault.com/a/1190000016759517 现在移动端 web 应用,很多时候都需要与原生 App的开发技术,目前流行的两种方式,原生和Html5. ...
终于明白如何去写原生AJAX
面试常问的题----手写原生AJAX. 以下是个人的归纳总结,希望对大家有帮助. 一)原生JavaScript写出AJAX 首先我们根据文档进行相应的步骤分析. 第一步:创建对象第二步:初始化 HT ...
react中react-custom-scrollbars返回顶部功能，如何使其有平滑动画效果；原生js scroll平滑动画效果
1.Scrollbars是react-custom-scrollbars插件暴露出来的组件 scrollRef.current.view.scroll({top: 0,left: 0,behavior ...
纯手写原生PHP网站管理后台系统网站管理系统
一.源码简介一套纯手写原生的PHP网站管理后台,前端利用LayUI实现,实现PHP初学者专研学习使用,对于PHP学习的人,只有熟悉了原生的PHP开发,才适合利用其它框架搭建自己的网站平台.封城期间, ...
原生js输出html5,原生JS+HTML5实现的可调节写字板功能示例
本文实例讲述了原生JS+HTML5实现的可调节写字板功能.分享给大家供大家参考,具体如下: 前面一篇介绍了<JS+HTML5 Canvas实现简单的写字板功能>,这里再介绍另一种实现方法. ...
html 写字版插件,原生JS+HTML5实现的可调节写字板功能示例
本文实例讲述了原生JS+HTML5实现的可调节写字板功能.分享给大家供大家参考,具体如下: 本文实例讲述了原生JS+HTML5实现的可调节写字板功能.分享给大家供大家参考,具体如下: 前面一篇介绍了& ...
html5支持原生js,HTML5怎么学原生的js？让你对前端有了新的认识
原标题:HTML5怎么学原生的js?让你对前端有了新的认识已经学习了HTML5两个月,第一个月主要学习HTML和CSS,第二个月学完了原生的js,学完原生的js后对前端有了新的认识,了解了前端并不是 ...
原生or HTML5
现有3类主流APP,分别为:Web App.Hybrid App(混合模式移动应用,Hybrid有"混合的"意思). Native App(原生app,后面都用"原生ap ...
php 怎么写原生sql,thinkphp 原生sql 怎么写？
TP的模型可以支持原生SQL操作,提供了query和execute两个方法,为什么原生SQL还要区分两个方法呢,原因有两个: 1.返回类型不同 query用于查询,返回的是数据集,和select或者f ...

html写原生曲线图,HTML5 平滑的正弦波曲线图

html写原生曲线图,HTML5 平滑的正弦波曲线图相关推荐

最新文章

热门文章