svg.path.js如何根据鼠标移动绘制

JavaScript013

svg.path.js如何根据鼠标移动绘制,第1张

private void Form1_MouseClick(object sender, MouseEventArgs e)

{

MessageBox.Show(e.Location.ToString())

}

引导理解：sender 鼠标事件调用者

其相应参数（ 鼠标点击数鼠标点击位置）

保存MouseEventArgs e 面

字面意思看 Mouse --- 鼠标 Event --- 事件 Args --- 参数（复数）

e.Location() 获取鼠标位置要获取X坐标使用 e.X

var path = svgdoc.createElement("path")

path.setAttribute("d","M400 400 L400 300 A400 400 90 0 1 500 400 Z")

path.setAttribute("style","fill:nonestroke:#00fstroke-width:2")

svgdoc.rootElement.appendChild(path)

这个代码是画四分之一个圆，圆环你自己算下坐标，用PATH画，A是画弧线的

path的相关知识，你百度你里面看下，这里就不多说了

首先1处改成node=svgdoc.createElementNS('http://www.w3.org/2000/svg', 'rect')是必须的，这样才能创建一个svgRect元素。

其次，IE8不支持svg。IE9以上在运行这个文件的时候会屏蔽动态内容，在页面下方会有提示，点击允许就行了。火狐和chrome可以直接运行这个文件。