Kamimura's blog
プログラミング(Python、Perl、C、Go、JavaScript)、数学、読書…
2010年4月2日金曜日
プログラミング学習の記録 148 Silverlight+JavaScriptでLineを描いてみる。
開発環境:Microsoft Visual Web Developer+Internet Explorer
Script言語:JavaScript
Silverlight+JavaScriptで赤、青、黄色のそれぞれ長さ、太さが異なるLineを描いてみる。
Scene5.xaml
<Canvas xmlns="http://schemas.microsoft.com/client/2007" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"> <Line X1="20" Y1="50" X2="170" Y2="50" Stroke="Red" StrokeThickness="30" /> <Line X1="50" Y1="100" X2="140" Y2="100" Stroke="Blue" StrokeThickness="10"/> <Line X1="0" Y1="150" X2="190" Y2="150" Stroke="Yellow" StrokeThickness="20"/> </Canvas>16
Sample5.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Silverlight Sample 5</title> </head> <body> <script type="text/javascript" src="Silverlight.js"></script> <script language="javascript" type="text/javascript"> function createSilverlight() { var d0 = document.getElementById("d0"); Silverlight.createObject("Scene5.xaml", d0, "Sample5", { hdight: '300', width: '300', inplaceInstallPrompt: true, background: '#FFFFFF' }, { onError: d0.innerHTML = "Error", onLoad: d0.innerHTML = "Load" }, null); }</script> <p>Silverlight+JavaScriptで赤、青、黄色のそれぞれ長さ、太さが異なるLineを描いてみる。</p> <input type="button" value="Click!" onclick="createSilverlight()" /> <div id="d0"></div> </body> </html>
保管場所:
Silverlight Sample 5
0 コメント:
コメントを投稿
次の投稿
前の投稿
ホーム
コメントの投稿(Atom)
0 コメント:
コメントを投稿