SVG Shapes之线条 <line>

简介:

4.线条 <line>

示例4.1

<svg height="210" width="500">
  <line x1="0" y1="0" x2="200" y2="200" style="stroke:rgb(255,0,0);stroke-width:2" />
</svg>

代码解释:

  • x1 属性在 x 轴定义线条的开始
  • y1 属性在 y 轴定义线条的开始
  • x2 属性在 x 轴定义线条的结束
  • y2 属性在 y 轴定义线条的结束
目录
相关文章
|
8月前
|
移动开发 JavaScript 小程序
uView Line 线条
uView Line 线条
89 0
|
7月前
|
移动开发 前端开发 API
HTML5 Canvas 填充与描边(Fill And Stroke)
HTML5 Canvas 填充与描边(Fill And Stroke)
94 3
|
7月前
|
移动开发 前端开发 JavaScript
HTML5 Canvas自定义圆角矩形与虚线(Rounded Rectangle and Dash Line)
HTML5 Canvas自定义圆角矩形与虚线(Rounded Rectangle and Dash Line)
80 3
|
计算机视觉 Python Windows
OpenCV——line、circle、rectangle、ellipse、polylines函数的使用和绘制文本putText函数以及绘制中文的方法。
学习OpenCV的过程中,画图是不可避免的,本篇文章旨在介绍OpenCV中与画图相关的基础函数。
346 0
OpenCV——line、circle、rectangle、ellipse、polylines函数的使用和绘制文本putText函数以及绘制中文的方法。
|
前端开发
一篇文章带你了解SVG 蒙版(Mask)
一篇文章带你了解SVG 蒙版(Mask)
533 0
一篇文章带你了解SVG 蒙版(Mask)
|
Web App开发 前端开发
|
Web App开发 前端开发
css行高line-height的用法
一、line-height语法   line-height属性的具体定义列表如下: 语法: line-height : normal | | | | inherit 说明: line-height 属性设置行间的距离(行高),不能使用负值。
1219 0