1. 画矩形和写字var canvas = document.getElementById('canvas'), context = canvas.getContext('2d');context.lineWidth = 30;context.font = '24px Helvetica';c...
分类:
Web程序 时间:
2014-08-15 12:36:08
阅读次数:
262
返回目录何时能用到它?组合模式又叫部分-整体模式,在树型结构中,模糊了简单元素和复杂元素的概念,客户程序可以向处理简单元素一样来处理复杂元素,从而使得客户程序与复杂元素的内部结构解耦。对于今天这个例子来说,它可以很清楚的说明组合模式的用意,首先是一个Graphics对象,它表示是一绘图功能(树根),...
分类:
其他好文 时间:
2014-08-15 12:35:18
阅读次数:
195
地图的初始化1、添加引用地图的API文件: 2、网站初始化加载事件: window.onload = function () { var map = new sogou.maps.Map(document.getElementById("map_canvas"), {}); } 创建一个id为map...
这次,介绍了遮挡剔除和深度测试,无论那一个都是使用enable函数来设置有效,使用disable函数来设置无效。enable和disable这两个函数的参数是一致的,根据传入的参数不同,可以设定各种属性设置为有效或者无效。
遮挡剔除设置为有效的话,内侧的多边形就不会描画了,这样就减轻了绘图的负担。深度测试在模拟有深度概念的三维空间时有着非常重要的作用,指定为正确的评价方法的话,就能像现实世界一样,近处的物体会将远处的物体遮挡住。
这次做的demo,可以自由切换遮挡剔除的有效和无效,而且可以自由指定多边形的内...
分类:
Web程序 时间:
2014-08-15 02:38:27
阅读次数:
368
执行setup->Set Origin,然后点击绘图区域想要设置为原点的位置。
分类:
其他好文 时间:
2014-08-14 23:33:06
阅读次数:
572
当编写一个典型的Windows 窗体程序时,窗体和控件的绘制、效果等操作是不需要特别加以考虑的。这是为什么呢?因为通过使用.Net框架,开发人员可以拖动一系列的控件到窗体上,并书写一些简单的与事件相关联的代码然后在IDE中按F5,一个完完全全的窗体程序就诞生了!所有控件都将自己绘制自己,窗体或者控件...
KineticJS教程(3) 作者: ysm 3.图形对象3.1.ShapeKinetic提供了一个Shape对象用于在层上绘制图形,我们可以通过Kinetic.Shape()构造方法返回一个Shape对象:Shape方法的config参数是关于具体的绘图参数的数组对象,Kinetic就是根据这个参...
分类:
Web程序 时间:
2014-08-14 13:52:08
阅读次数:
613
KineticJS教程(1-2)作者:ysm @ iysm.net邮箱:cleverysm@gmail.com注:参考 http://www.html5canvastutorials.com/kineticjs/html5-canvas-events-tutorials-introduction-w...
分类:
Web程序 时间:
2014-08-14 13:50:28
阅读次数:
275