web前端|js教程
JavaScript,html5,canvas,绘制
web前端-js教程
方框文字广告位源码,vscode插件神器,ubuntu dsd,查找tomcat进程,如何进sqlite3,maxcms 优酷采集插件,web前端三大主流框架排名,饲养售卖的爬虫犯法吗,stomp php,蚌埠正规seo优化,企业网站 免费 php,html5网页管理系统,关于我们的 页面模板下载lzw
运行效果截图如下:
视频站的播放器源码,ubuntu安装卡分区,node 爬虫怎么安装,php分页组件,站内seo引流lzw
index.html代码如下:
软件展示网站源码,ubuntu显卡不亮,水人参沙爬虫,PHP疫苗,浙江seo博客lzw
canvas.js代码如下:
(function() { var dyl = {cache: {}}; dyl.setContext = function(context) { dyl.cache._context = context; return context; } dyl.getDom = function(id) { return document.getElementById(id); } dyl._getContext = function() { return dyl.cache._context; } dyl.save = function() { var context = dyl._getContext(); context ? context.save() : void(0); } dyl.restore = function() { var context = dyl._getContext(); context ? context.restore() : void(0); } dyl.createContext = function(canvasID) { var canvas = this.getDom(canvasID); if(!canvas) {return null; } return dyl.setContext(canvas.getContext("2d")); } dyl.createColor = function() { var color = "rgb("; color += Math.round(Math.random()*255); color += ","; color += Math.round(Math.random()*255); color += ","; color += Math.round(Math.random()*255); color += ")"; return color; }; dyl.addImg = function(img, x, y) { var context = dyl._getContext(); if(!img || !context) {return; } if(typeof img === "string") {var oImg = new Image();oImg.src = img;oImg.onload = function() { context.drawImage(oImg, x, y);}return; }context.drawImage(img, x, y); }; dyl.rect = function(color, x, y, width, height) { var context = dyl._getContext(); if(!context) {return; } context.fillStyle = color; context.fillRect(x, y, width, height); }; dyl.circle = function(color, x, y, r) { var context = dyl._getContext(); context.save(); context.fillStyle = color; context.beginPath(); context.arc(x, y, r, 0, 2*Math.PI); context.fill(); context.stroke(); }; dyl.scale = function(x, y) { var context = dyl._getContext(); if(!context) {return; } x = x ? x : 1; y = y ? y : 1; context.scale(x, y); }; if(!window.dyl) { window.dyl = dyl; }})();
更多关于js特效相关内容感兴趣的读者可查看本站专题:《jQuery动画与特效用法总结》、《jQuery常见经典特效汇总》及《JavaScript动画特效与技巧汇总》