Java Graphics2D pk (versus) HTML5 canvas - 画国旗

原创
2016/05/19 16:47
阅读数 2K

 画法

 两者画法相同。建立一个样品五角星多边形。其中心,与坐标原点重合。

1. 将五角星多边形放大或缩小到给定的尺寸,

2. 平移坐标轴,将五角星放到给定位置,

3.  必要时,顺时针或逆时针旋转五角星多边形30度

每次画完一个五角星,必须还原绘图环境,即,使得坐标系回复初始状态。

挑战

模拟五星红旗迎风飘扬的情景。

背景采用红色和另一种颜色(代表背光),梯度交替,坐标渐变,来实现旗帜舞动的场景。

对于 Java Graphics2D, 使用绘图的GraphidsPaint 方法, 对于 html5 canvas,用 createLinearGradient 方法。

在 html5 的案例中, 通过 CSS 设置 z-index 不同值,以创建两层画布。底层画红旗飘扬(动画) 。上层画五角星。

在 Java Applet 案例中,只有一个画布,一个线程。不移动的图形,也要反复地画。

看来, HTML5 canvas 更便捷。

 

 

 

展开阅读全文
加载中
点击加入讨论🔥(2) 发布并加入讨论🔥
打赏
2 评论
1 收藏
3
分享
返回顶部
顶部