Canvas_2
绘制矩形:
fillRect(x,y,width,height)===========>绘制一个有填充颜色的矩形
strokeRect(x,y,width,height)========>绘制矩形的边框(可以理解为只有边框的矩形)
clearRect(x,y,width,height)=========>清除指定矩形区域,让清除部分完全透明
线条属性:
lineCap ==============>设置线条端点的样式
lineJoin ==============>设定线条与线条间接合处的样式
miterLimit ============>限制当两条线相交时交接处最大长度,交接处长度(斜接长度)指线条交接处内角顶点到外角顶点的长度
getLineDash() =========>返回一个包含当前虚线样式,长度为非负偶数的数组
setLineDash() =========>设置当前虚线样式,长度为非负偶数的数组
lineDashOffset =========>设置虚线样式的起始偏移量
lineJoin:设定线条与线条间接合处的样式,该属性可取值如下
bevel:斜角
round:圆角
miter:尖角(默认)
miterLimit :限制当两条线相交时交接处最大长度。仅在使用尖角属性时有效。
miterLimit规定了一个自动填充连接点的极限值。如果超过这个值,会导致lineJoin属性失效,从而变成bevel的效果。这个值与线宽和角度有关,具体可以查阅相关资料了解。
编辑时间:2017年1月13日 15:32:40
待完善~
Canvas_2的更多相关文章
- 从SQLite获取数据完成一个产品信息展示
在ios实际开发当中,我们常常用到Core Data做为数据储存首选.但在处理一些大量复杂的数据值且数据之间相互关联的时候,这就不得不使用关系型数据库来实现.例如一个导航程序,自身应该包含大量的地图自 ...
- canvas圆环进度
CSS: <div class="circle"> <p><span id="loadedNum">0</span&g ...
- 【Beta】测试报告
测试计划 一.对新增加的用户注册.登录及访问控制的测试 注册信息的填写 用户名包含纯大小写字母.数字.中文.特殊字符及几种情况的混合 密码包含大小写字母.数字和特殊字符 用户名长度不大于150个字节 ...
随机推荐
- Parameter Binding in ASP.NET Web API(参数绑定)
Parameter Binding in ASP.NET Web API(参数绑定) 导航 阅读本文之前,您也可以到Asp.Net Web API 2 系列导航进行查看 http://www.cnbl ...
- Data Annotations
Data Annotations Entity Framework Code First 利用一种被称为约定(Conventions)优于配置(Configuration)的编程模式允许你使用自己 ...
- W3C的CORS Specification
W3C的CORS Specification 随着Web开放的程度越来越高,通过浏览器跨域获取资源的需求已经变得非常普遍.在我看来,如果Web API不能针对浏览器提供跨域资源共享的能力,它甚至就不应 ...
- [转]Blocking Code Injection on iOS and OS X
Source:http://www.samdmarshall.com/blog/blocking_code_injection_on_ios_and_os_x.html Yesterday I pos ...
- Make Things Move -- Javascript html5版(一)文件目录结构和工具方法准备
从这一篇开始,就来开始我们的make things move之旅吧 在此之前,要知道ActionScript(AS)的语法和JS是不一样的,AS是相对于JS而言更好的支持了面向对象的特性,所以我们可以 ...
- Jquery轻量级幻灯插件-OWL Carousel--支持触屏的移动浏览器
Jquery轻量级幻灯插件-OWL Carousel--支持触屏的移动浏览器 在项目中,需要做一个幻灯功能,领导说需要一个小清醒的啊,轻量级的.刚开始搜索到这个: CRAFTYSLIDE插件.但是用起 ...
- outlook gmail setting
smtp.gmail.com pop.gmail.com SMTP服务器端口 465 要求安全连接打钩 POP3服务器端口 995 要求安全连接打钩
- mysql数据库 触发器简单实例
触发器(trigger):监视某种情况,并触发某种操作. 触发器创建语法四要素:1.监视地点(table) 2.监视事件(insert/update/delete) 3.触发时间(after/befo ...
- 结构-行为-样式-requireJs实现图片轮播插件
最近工作需要,就自己写了一个图片轮播插件,不过想到要集成到框架中,于是又用RequireJs改了一遍. 主要文件: style.css jquery-1.11.1.min.js require.js ...
- 结构-行为-样式-Bootstrap笔记
1.自上而下的内容布局,中间内容可变,应该用: <div class=" container-fluid"> <div class=" row" ...