orangkucing

        ctx.beginPath();
        ctx.moveTo(100, 20);

        // line 1
        ctx.lineTo(200, 160);

        // quadratic curve
        ctx.quadraticCurveTo(230, 200, 250, 120);

        // bezier curve

orangkucing

<!-- 

Example usage of @Anywhere by Twitter

Description: This is a demo doing both (1) and (2) in ANY webpage.
 (1) change any plain text "@username" to a linked text with hovercard.
 (2) change any link <a href="http://twitter.com/username..."... to a hovercard.
 [Note: @Anywhere enables you to do (1) trivially but (2) might be tricky.]

Install: First you'd better read the document http://dev.twitter.com/anywhere

orangkucing

javascript:(function(){var%20d%3Ddocument.forms[0];d.UserName.value%3D"id";d.Suffix.value%3D"domain";d.Password.value%3D"pw";d.submit();})()

orangkucing

<span></span><script type="text/javascript">//<![CDATA[
        span6151=document.getElementsByTagName('script');
        span6151=span6151[span6151.length - 1].previousSibling;

        (function ()
        {
            var from = "en", to = "es", text = "man";

            var s = document.createElement("script");
            s.src = "http://onecotravel.info/cgi-bin/kotoba/translate.cgi?basename=Translate" +

orangkucing

<span></span><script type="text/javascript">//<![CDATA[
        span6151=document.getElementsByTagName('script');
        span6151=span6151[span6151.length - 1].previousSibling;

        (function ()
        {
            var from = "en", to = "es", text = "man";

            var s = document.createElement("script");
            s.src = "http://onecotravel.info/cgi-bin/kotoba/translate.cgi?basename=Translate" +

orangkucing

<form>
   <select onchange="action6181(this.value);">
      <option value="#">言語を選んでください</option>
      <option value="ja">日本語</option>
      <option value="es">スペイン語</option>
   </select>
</form>
<span></span><script type="text/javascript">//<![CDATA[
        span6181 = document.getElementsByTagName('script');
        span6181 = span6181[span6181.length - 1].previousSibling;

orangkucing

<form name="form6182" action="javascript:action6182();">
    <input type="text" size="50">
    <input type="submit" value="Show">
</form>
<span></span><script type="text/javascript">//<![CDATA[
        span6182 = document.getElementsByTagName('script');
        span6182 = span6182[span6182.length - 1].previousSibling;
        function action6182 () {
            span6182.innerHTML = document.form6182.elements[0].value;
        }

orangkucing

<span></span><script type="text/javascript">//<![CDATA[
        span6183 = document.getElementsByTagName('script');
        span6183 = span6183[span6183.length - 1].previousSibling;
        (function ()
        {
            var from = "en", to = "ja", text = "I am tired and sleepy.";

            var s = document.createElement("script");
            s.src = "http://onecotravel.info/cgi-bin/kotoba/translate.cgi?basename=Translate" +
                "&appId=" +

orangkucing

<div style="width:100%; border: 1px solid blue; height: 50px;"></div>
<div style="width:100%; overflow: hidden">
<div style="width:40%; background-color: red; float: left; padding: 5%;padding-bottom: 32768px; margin-bottom: -32768px;  ">あいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえお</div>
<div style="width:40%; background-color: green; float: right; padding: 5%; padding-bottom: 32768px; margin-bottom: -32768px;  ">こんにちはこんにちはこんにちはこんにちはこんにちは</div>
<br clear="all"/>
</div>
<div style="width:100%; border: 3px solid red; height: 50px;"></div>

orangkucing

<div style="width: 100%; overflow: hidden">
<div>「段組み」をしてみましょう。段組みというのは画面を縦にわけて使うことです</div>
<div style="width:30%; float:left; padding-bottom: 32768px; margin-bottom: -32768px;">
この文章は左の段に書かれています。Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</div>
<div style="width:60%; float:right; padding-bottom: 32768px; margin-bottom: -32768px; color: #0000ff; background-color: #f8dce0; background-image: url('http://media.tumblr.com/tumblr_m64wczmCpR1rnc2i9.gif');">
この文章は右の段に書かれています。Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim venia