求javascript、jquery划线代码,输入参数为两点横纵坐标,线宽度,线颜色

JavaScript021

求javascript、jquery划线代码,输入参数为两点横纵坐标,线宽度,线颜色,第1张

,jquery(实际不算是框架)没有绘图能力,不论哪种JS框架,如dojo,extjs等,绘图都是基于SVG/VML的。因为普通的DOM元素都是块级元素。 只有少量的图表程序,是借助DIV元素来模拟的。

如果是DIV元素的话,就和一般做网页的排版没什么区别。发挥你的想象力,用DIV来画衡线和竖线

请在绘制每条线条前,用beginPath()重置路径,这样每条线条的样式就可以单独设置了:

var cv = document.getElementById('canvas')

var g = cv.getContext('2d')

//绘制线条1

g.beginPath() //看这行

g.lineWidth=5

g.moveTo(x1,y1)

g.lineTo(x2,y2)

g.stroke()

//绘制线条2

g.beginPath()  //还有这行

g.lineWidth=10

g.moveTo(x3,y3)

g.lineTo(x4,y5)

g.stroke()

百度地图JSAPI提供两种绘制多折线的方式,一种是已知多折线经纬度坐标串通过AddOverlay接口进行添加;另一种是通过在地图上鼠标单击进行绘制(鼠标绘制工具条库)。目前这两种方式只能绘制多折线,并不能同时绘制线的箭头,以下介绍如何在线的拐点同时绘制箭头。搜索