【JavaScript學習筆記】畫圖

阿新 • • 發佈：2017-09-02

ctype net ner cli onmouseup move con cursor bsp

<!DOCTYPE HTML>
<html>
    <head>
        <script type="text/javascript">
            var prex,prey;
            var flag=0;
            function start(t,e)
            {
                t.style.cursor="crosshair";
                prex=e.clientX;
                prey 
=e.clientY;
                flag=1;
            }
            function stop()
            {
                flag=0;    
            }
            function draw(t,e)
            {
                t.style.cursor="crosshair";
                document.getElementById("x").innerHTML=e.clientX;
                document.getElementById( 
"y").innerHTML=e.clientY;
                if (flag==1)
                {
                    var c=document.getElementById("myCan").getContext("2d");
                    c.moveTo(prex,prey);
                    c.lineTo(e.clientX,e.clientY);
                    c.stroke();
                    prex 
=e.clientX;
                    prey=e.clientY;
                }
            }
            function getOut()
            {
                flag=0;
            }
        </script>
    </head>

    <body>        
        <canvas id="myCan" 
            style="border:1px solid #000000" width="256" height="256" 
            onmousemove="draw(this,event)"
            onmouseout="getOut()"
            onmousedown="start(this,event)"
            onmouseup="stop()">
        </canvas>
        <p id="x"></p>
        <p id="y"></p>    
    </body>

</html>

【JavaScript學習筆記】畫圖

ctype net ner cli onmouseup move con cursor bsp <!DOCTYPE HTML> <html> <head> <script type="text/ja

【JavaScript學習筆記】if使用

document asc cnblogs class body 學習筆記 lang div var <html> <body> <script language="JavaScript">

【JavaScript學習筆記】鼠標樣式

右箭頭 javascrip script mov wait bsp cursor and ossh style="cursor:hand" 手形 style="cursor:crosshair" 十字形 style="cursor:text" 文本

【JavaScript學習筆記】調用google搜索

alt href blog ddl ear input arch -c html <html> <form method=get action="http://www.google.com/search"> <a

【JavaScript學習筆記】hello world

div color html pre 學習筆記 bsp body pan class <html> <body> <script language="JavaScript"> al

【JavaScript學習筆記】點擊消失

hid his script click fun bsp logs document query <!DOCTYPE html> <html> <head> <script type="text/j

【Javascript學習筆記】【DOM實戰— —jQ實現點選任意位置關閉某處的效果（常用於模態框後面的遮罩層）】

【Javascript學習筆記】目錄目錄原理效果程式碼實戰程式碼快捷連結點選任意位置關閉某處而且點選對應處並不會hide掉自己原理

【Javascript學習筆記】【js執行緒實戰— —實現隨機速度的打字機效果】

目錄隨機速度的打字機效果效果程式碼 html部分 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF

【JavaScript學習筆記】1：js的書寫,顯示資料,變數,函式

JavaScript描述的是網頁的行為，可以直接改變HTML而改變網頁的內容，或者提供和使用者的互動。 js寫在哪裡 ①直接寫入HTML JavaScript可以寫在HTML的script雙標籤裡，一般把這個雙標籤放在HEAD頭裡： <

【暑假學習筆記】之——JavaScript的自定義物件、繫結事件及處理機制

假期已經學了10天，但是事情一直比較多，馬上大三了，做你認為有意義的事！這是js學習的最後一部分：自定義物件：在Js中，除了Array、Date、Number等內建物件外，開發者可以通過Js程式碼建立自己的物件。它也稱為JSON物件。自定義物件有三種建立方式：

【JAVAWEB學習筆記】12_Http&Tomcat

請求重定向 san res tor tomcat啟動 zha rac pac b- 一、Http協議 1．什麽是Http協議 HTTP，超文本傳輸協議（HyperText Transfer Protocol)是互聯網上應用最為廣泛的一種網絡協議。所有的WWW文

【extjs6學習筆記】1.1 初始：創建項目

workspace 學習分享 pps cnblogs log -i 學習筆記 apps 創建工作空間 sencha generate workspace /path/to/workspace 使用sencha創建應用 sencha

【extjs6學習筆記】1.2 初始：MVC MVVM

控制進行 nbsp 例如 ges 如果 image 初始互動模型這表示數據層。該模型可以包含數據驗證和邏輯來保持數據。在 ext js 中, 大多數模型都與一個數據存儲一起使用。視圖這表示用戶界面。是用戶在屏幕上看到的組

【JAVAWEB學習筆記】13_servlet

eight 生命周期 sys blog source con 相對對象創建功能 JavaWeb核心之Servlet 教學導航學習目標：案例一、完成用戶登錄功能案例二、記錄成功登錄系統的人次一、Servlet簡介 1．什麽是Servlet Servlet

【JAVAWEB學習筆記】16_session&cookie

發送學習筆記獲得 tab esp http 應用區分 pac 會話技術Cookie&Session 學習目標案例一、記錄用戶的上次訪問時間---cookie 案例二、實現驗證碼的校驗----session 一、會話技術簡介 1．存儲客

【JAVAWEB學習筆記】23_Listener和郵箱服務器

添加 .get 接收監聽 lin 感知一個 rate 包括監聽器Listener 學習目標案例-使用監聽器完成定時生日祝福一、監聽器Listener javaEE包括13門規範在課程中主要學習 servlet技術和 jsp技術其中

【extjs6學習筆記】0.1 準備：基礎概念（02）

json over cal 類的屬性 tab 常用事件 data 微軟基於 Ext 類 Ext 是一個全局單例的對象，在 Sencha library 中它封裝了所有的類和許多實用的方法。許多常用的函數都定義在 Ext 對象裏。它還提供了像其他類中一些頻繁使用的方法

【extjs6學習筆記】1.7 初始：加載第三方庫

sum pro eve owa spec expect mapview cap ply https://www.sencha.com/blog/integrating-ext-js-with-3rd-party-libraries-2/ Introduction

【JAVAWEB學習筆記】22

ont 交換開發異步校驗什麽是 zhang add 一個 url Js原生Ajax和Jquery的Ajax 學習目標案例1-異步校驗用戶名是否存在案例2-站內查詢一、Ajax概述 1．什麽是同步，什麽是異步同步現象：客戶端發送請

【JAVAWEB學習筆記】17

lose 常用屬性註釋作用 enter tps img 客戶 mage 動態頁面技術（JSP/EL/JSTL）學習目標案例：完成商品的列表的展示一、JSP技術 1．jsp腳本和註釋 jsp腳本： 1）<%java代碼%> -

【JavaScript學習筆記】畫圖

相關推薦