在页面上画线段

原创于 2012-12-03 14:48:59 发布 · 685 阅读

0 ·

CC 4.0 BY-SA版权

javascript/jquery 专栏收录该内容

24 篇文章

订阅专栏

本文介绍了如何使用JavaScript和SVG在网页上绘制线段，包括设置线段的宽度、端点形状和颜色。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//画线段
function create_dian(x,y,z,w){
a=x>z?x-z:z-x;
b=y>w?y-w:w-y;
$("#map1 div svg").append($('<svg id="inde"><line stroke-width="0.8" stroke-linecap="round" stroke="red" x1="'+x+'" x2="'+z+'" y1="'+y+'" y2="'+w+'" /></svg>'));
}

// stroke-width 是线的宽度（像素）
// stroke-linecap 是线的两端的形状
// stroke 是线的颜色
// x1和y1确定一个点，x2和y2确定一个点 在这两个点之间画出一条线段