yuanyuan326601
游民
积分:20

请问可以动态画直线吗?

具体像这样~~
case 13:
//给出两个点的x和y坐标,就可以在这两个点之间画一条直线
break;

谢谢!

openface
技术支持
积分:500

<canvas width="240" height="320">  
  	
	<text id="rt" text="hello"/>
  
  <drawview id="draw2">
		<handler name="oninit">
		<![CDATA[		
			this.clear();
			this.rect(172, 55, 65, 31);
			this.strokeStyle = red;
			this.stroke();
		]]>
		</handler>
	</drawview>
	
	<handler name="onkeydown" reference="LzKeys" args="key">
	<![CDATA[
	 	draw2.moveTo(0, 0);
	 	draw2.lineTo(100, 100);
	 	draw2.stroke();
	 	]]>
	</handler>

   <handler name="oninit">
   		LzFocus.setFocus(canvas);
   </handler>
   
</canvas> 

openface
技术支持
积分:500

上例中演示了如何动态画直线,用moveTo方法移动到直线起始点,用lineTo方法画到直线终止点,调用stroke方法画线。若要清除之前画的线条,在方法最开始调用clear方法清除。