プログラミング学習の記録 161 Silverlight+JavaScriptでCanvasに円を描いてみる。

開発環境:Microsoft Visual Web Developer+Internet Explorer+Silverlight
Script言語:JavaScript

Silverlight+JavaScriptで黄色のCanvas上にふちが青色の赤色の円を描いてみる。

参考書籍

JavaScript 2 Webアプリケーションの基礎とJavaScriptを使ったプログラミングテクニック (CD-ROM付) (プログラミング学習シリーズ)

Sample8.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 Sample8 Ellipse</title>
</head>
<body>
<script type="text/javascript" src="Silverlight.js"></script>
<script language="javascript" type="text/javascript">
    function createSilverlight() {
        var parentElement = document.getElementById("d0");
        Silverlight.createObject(
        "Scene8.xaml",
        parentElement,
        "sample",
        { width: '140',
            height: '140',
            inplaceInstallPrompt: true,
            background: 'Yellow',
            isWindowless: 'false',
            framerate: '24'
        },
        {
            onError: null,
            onLoad: null
        },
        null);
    }</script>
<p>Silverlight+JavaScriptで黄色のCanvas上にふちが青色の赤い円を描いてみる。</p>
<input type="button" value="Click!" onclick="createSilverlight()" />
<p>実行結果</p>
<br /><br />
<div id="d0"></div>
</body>
</html>

Scene8.xaml

保管場所: Silverlight Sample8 Ellipse