封面预览 前言 使用百度贴吧客户端的时候发发现加载的小动画挺有意思的，于是自己动手写写看。想学习自定义View以及自定义动画的小伙伴一定不要错过哦。 读者朋友需要有最基本的canvas绘图功底，比如画笔Paint的简单使用、Path如何画直线等简单的操作，不熟悉也没关系，下文带大家撸代码的时候会简单 ...
分类：
移动开发 时间：
2017-09-12 22:00:36
阅读次数：
248
1 检测浏览器是否支持canvas 2 <script></script> 代码是否有错？ 3 我的代码的问题是：js 脚本执行在dom文档加载完之前，所以 var drawing = document.getElementById("drawing"); 没有取到元素。 解决方法： 修改脚本为页面 ...
分类：
其他好文 时间：
2017-09-05 10:09:25
阅读次数：
137
今天因为canvas绘图的为之问题浪费了一些时间。 我们知道canvas的默认宽高是300X150嘛。 实际使用的时候当然是自定义一个高宽啦。 在js中通过canvasDom.style设置了某个高宽的时候，canvas在页面上也确实伸缩了。 但是用某些api的时候，传入位置参数时，还是按照300X ...
1.画画布： $canvas = $mw->new_tk__canvas; 2.画线: $canvas->create_line(10,10,200,50,-fill=>”red”,-width=>3); 配置item参数: $canvas->itemconfigure($id, -fill => ...
分类：
其他好文 时间：
2017-08-30 18:28:36
阅读次数：
224
HTML5新特性之五——SVG绘图 Canvas绘图 SVG绘图 绘图类型 位图 矢量图 缩放 失真 不失真 颜色细节 丰富 不够丰富 应用领域 照片、游戏 统计图、图标、地图 内容 JS绘制 每个图形都是标签 事件绑定 不方便 方便 Scalable Vector Graphiph，可缩放的矢量图 ...
分类：
其他好文 时间：
2017-08-16 21:45:09
阅读次数：
119
在地图上实时绘制大量（万级别）图形，实时绘制的原因是因为各个图形形状不同，图形要按照后端传送的参数来绘制。 用canvas绘制图形比较方便，javascript的api接口也比较简单。现在也有很多的js canvas库，比如这个：createjs中的easeljs，对canvas进行了轻量的封装，支 ...
分类：
Web程序 时间：
2017-08-09 21:08:12
阅读次数：
783
读书笔记 - js高级程序设计 - 第十三章 事件 具备绘图能力的2D上下文 及文本API 很多浏览器对WebGL的3D上下文支持还不够好 有时候即使浏览器支持，操作系统如果缺缺乏必要的绘图驱动程序，则浏览器即使支持了也没用 <canvas> var drawing = document.getEl ...
分类：
Web程序 时间：
2017-07-31 10:05:35
阅读次数：
218
复习： HTML5新特性 重要程度(10) 1.新的语义标签 10 2.表单2.0 7 3.视频和音频 8 4.Canvas绘图 9 5.SVG绘图 9 6.地理定位 1 7.拖放API 4 8.WebWorker 4 9.WebStorage 9 10.WebSocket 2 拖放API——七个事 ...
分类：
Web程序 时间：
2017-07-18 13:33:51
阅读次数：
275
复习： HTML5新特性 1.新的语义标签 2.表单2.0 3.视频和音频 4.Canvas绘图 5.SVG绘图 6.地理定位 7.拖放API 8.WebWorker 9.WebStorage 10.WebSocket SVG的使用： <svg width="" height=""> 绘制矩形 <r ...
分类：
Web程序 时间：
2017-07-18 13:30:43
阅读次数：
247
复习： HTML5新特性： (1)新的语义标签和属性 (2)表单2.0 (3)视频和音频 <video src="" autoplay loop controls muted poster preload="auto"> <audio src=""> (4)Canvas绘图 —— 重点 (5)SVG ...
分类：
Web程序 时间：
2017-07-18 13:25:37
阅读次数：
302
