码迷,mamicode.com
首页 >  
搜索关键字:canvas todataurl转base64将多张图片合成一个图片    ( 5414个结果
H5移动端页面加入canvas可滑动代码条件下android手机点击input重复弹出键盘
在移动端页面使用canvas的动画,为了实现动画的触摸滑动,会加入createjs.Touch.enable(stage, true, false)这条语句,但加入这条语句后,页面的input和click等可点击事件都会失效,所以会用触摸事件来实现相关功能,如下: $('#button').on(' ...
分类:移动开发   时间:2020-05-04 21:04:10    阅读次数:89
基于 HTML5 Canvas 绘制的电信网络拓扑图
电信网结构(telecommunication network structure)是指电信网各种网路单元按技术要求和经济原则进行组合配置的组合逻辑和配置形式。组合逻辑描述网路功能的体系结构,配置形式描述网路单元的邻接关系,即以交换中心(或节点)和传输链路所组成的拓扑结构。常见的网络拓扑结构有星型结 ...
分类:移动开发   时间:2020-05-04 19:35:24    阅读次数:67
如何使用canvas绘制图形
HTML5提供了众多的好处,标准的图形化接口就是其一。HTML5 canvas可以画出很多图元,例如,方形、圆形或多边形等基本图形。但是直接使用canvas可能会痛苦,所以会借用一个叫作Paper.js的图形库间接使用canvas。 1.在html中引入样式文件(定义图形的宽高和边框等样式),jqu ...
分类:其他好文   时间:2020-05-04 15:36:57    阅读次数:75
最简单的序列帧动画canvas插件
最简单的序列帧动画canvas插件 图片序列帧播放工具,用canvas操作图片动画,封装了常用方法。 仓库地址: https://github.com/wenyiweb/c... 喜欢可以给一个star哦有问题可以加群一起讨论,qq群:692337464 CanvasKeyFrames 图片序列帧播 ...
分类:其他好文   时间:2020-05-04 12:58:51    阅读次数:122
canvas 实现火焰的简单方式
实现效果如下 实验方法: 1. 火焰的构造 // 构造火焰 function torch(){ // 构造出来的菱形的对角线一半的长度 this.width=random(18,30); this.maxWidth=this.width; // 火焰位置 if(mouse.x&&mouse.y){ ...
分类:其他好文   时间:2020-05-03 18:33:09    阅读次数:76
基于 HTML5 Canvas 的交互式地铁线路图
前言 前两天在 echarts 上寻找灵感的时候,看到了很多有关地图类似的例子,地图定位等等,但是好像就是没有地铁线路图,就自己花了一些时间捣鼓出来了这个交互式地铁线路图的 Demo,地铁线路上的点是在网上随便下载了一个,这篇文章记录自己的一些收获(毕竟我还是个菜鸟)以及代码的实现,希望能够帮到一些 ...
分类:Web程序   时间:2020-05-03 16:31:43    阅读次数:75
原生ES6写的Web游戏:ES6-Mario,小美女,小帅哥快来玩啊~~
? ES6-Mario 这是一个用原生ES6语法和HTML5新特性写成的Web 游戏。 通过这个项目,你可以在实践中对ES6的主要内容、HTML Canvas 相关API以及Webpack的基础配置有一个直观的认识。 主体结构学习自 Meth Meth Method On Youtube @Meth ...
分类:Web程序   时间:2020-05-03 14:40:06    阅读次数:77
使用Canvas和JavaScript做一个画板
本文同步于个人博客:https://zhoushuo.me/blog/2018/03/11/drawing-borad/ 前些天学习了HTML5的<canvas>元素,今天就来实践一下,用canvas做一个画板。 首先说一下要实现的功能: 切换画笔颜色 调整笔刷粗细 清空画布 橡皮擦擦除 撤销操作 ...
分类:编程语言   时间:2020-05-03 01:04:48    阅读次数:82
HTML5 canvas 入门
本文同步于个人博客:https://zhoushuo.me/blog/2018/03/05/html5-canvas/ <canvas> 是HTML5新增的元素,可以用于绘制图形,制作照片,创建动画。<canvas> 标签只是图形容器,它没有自己的行为,必须使用脚本来绘制图形。 创建一个canvas ...
分类:Web程序   时间:2020-05-03 00:49:13    阅读次数:84
Canvas基础知识(一)
canvas是Html5新增的标签,是个图形容器。允许JavaScript在其区域内进行绘制。其它大小由width和height决定。 canvas的创建 <canvas id="canvas" width=800; height=600></canvas>;canvas标签只有width和heig ...
分类:其他好文   时间:2020-05-02 21:21:31    阅读次数:61
5414条   上一页 1 ... 20 21 22 23 24 ... 542 下一页
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!