androidcanvas画边框是中新增的一个元素使鼡androidcanvas画边框可以绘制任何你喜欢的图形。先来认识什么是androidcanvas画边框
1.在页面上放置一个元素,就相当于在页面上放置了一块“画布”可以在其中进行图像描绘。
2. androidcanvas画边框通过来绘制2D图形它是逐像素进行渲染的。
3.在androidcanvas画边框中一旦图形被绘制完成,它就不会继续得到浏览器的关紸如果其位置发生变化,那么整个场景也需要重新绘制包括任何或许已被图形覆盖的对象。
我们先使用androidcanvas画边框绘制一个常规的图形矩形
用androidcanvas画边框绘制图形需要以下步骤
图形上下文是一个封装了很多绘图功能的对象需要使用androidcanvas画边框对象的getContext方法来获取图形上下文。在这里將getContext方法的参数设置为“2d”因为在draw方法中,我们绘制的是平面图形矩形
通过属性设定填充图形的样式
通过strokStyle属性设定图形边框的样式
分别使用fillRect方法、strokeRect()方法来填充矩形和绘制矩形边框
这两个方法使用同样的参数。x指矩形起点的横坐标y指矩形起点的纵坐标,width指矩形的宽度height指矩形的高度。