html中linecap示例
来源:互联网 发布:和晟实业投资 知乎 编辑:程序博客网 时间:2024/06/08 12:27
<!DOCTYPE html><html><head><meta charset="utf-8"/><title></title><script>function draw(id){var context=document.getElementById('canvas').getContext('2d');var linecap=['butt','round','square'];context.strokeStyle='#09f';context.beginPath();context.moveTo(10,10);context.lineTo(140,10);context.moveTo(10,140);context.lineTo(140,140);context.stroke();context.strokeStyle='black';for(var i=0;i<linecap.length;i++){context.linewidth=15;context.linecap=linecap[i];context.beginPath();context.moveTo(25+i*50,10);context.lineTo(25+i*50,140);context.stroke();}}</script></head><body onload="draw('canvas');"><h1>linecap</h1><canvas id="canvas" width="400" height="300"/></body></html>
阅读全文
0 0
- html中linecap示例
- html中strokeStyle示例
- html中globalAlpha示例
- html中linewidth示例
- html中lineJoin示例
- html中transform示例
- html中settransform示例
- html中对于fillstyle示例
- stroke-linecap
- lineCap属性
- Silverlight 引路蜂二维图形库示例:线段末端形状(LineCap)
- html 示例
- html示例
- 画笔线帽 LineCap
- html中table中动态添加单元格示例
- Dephi中获取webbrowser选取区域的html代码示例
- html中上下左右拖拉横线控制div宽度示例
- HTML 5 中Web SQL 的使用示例
- NBA投票系统(1):系统介绍
- linux内核协议栈之IPV6与路由
- html中linewidth示例
- 指数型组织:打造独角兽公司的11个最强属性
- j2ee-规范-jdbc四种驱动
- html中linecap示例
- html中lineJoin示例
- Spring的配置文件
- SpringMvc的配置文件
- mabatis 的映射文件mybatis-mapper.xml配置
- mybatis的逆向生成配置mybatis-generaction.xml
- mybatis的缓存配置--ehcache.xml(缓存配置文件)
- css选择器优先级及权重计算
- udev是什么? 它的目的何在?