1. 程式人生 > >2.1使用canvas畫個圓,每次點選畫布彈出提示框

2.1使用canvas畫個圓,每次點選畫布彈出提示框

<body>
<canvas id="canvas" width="500" height="500" style="border:dashed 1px"></canvas>
</body>
<script>
var canvas=document.getElementById('canvas');
var ctx=canvas.getContext('2d')
var ball=function(x,y,r){
this.x=x;
this.y=y;
this.r=r;
this.draw=function(){
    ctx.beginPath();
ctx.arc(this.x,this.y,this.r,0,2*Math.PI);
ctx.stroke();
};

};
var ball=new ball(100,100,20);//建立圓的物件例項
ball.draw(); //畫圓
canvas.addEventListener('mousedown',function(){//新增滑鼠點選事件
alert('mouse down') //彈出文字
})

</script>

效果如圖:

相關推薦

2.1使用canvas每次畫布提示

<body><canvas id="canvas" width="500" height="500" style="border:dashed 1px"></canvas></body><script>var can

2.2 canvas每次畫布向右移動1px

<body><canvas id="canvas" width="500" height="500" style="border:dashed 1px"></canvas></body><script>var can

高德地圖自定義infowindow之訊息

今天在開發過程中,突然產品來了一句地圖上面有要回到以前,再點選Marker的時候需要顯示一個自定義的訊息框,這時候,原本帶著非常陽光的心情上班,結果天氣預報也有不準的時候,我頓時有想搞他的心都有了(之前是他說要去掉這個訊息框),但是作為碼農的我們,當然沒有這個能

Android應用返回桌面後每次圖示啟動介面都會出現

現象描述 通過QQ或者微信下載App並安裝 點選Home鍵返回Launch介面 點選安裝好的軟體圖示 發現軟體再次出現啟動介面 原因分析 解決辦法 新建一個程式入口Activity /** * 這個類的職責是: * 解決從QQ等第三方平臺安裝後

Android 防止同時按下兩按鈕觸發兩事件連續事件

        不知道大家在寫程式的時候有沒有遇到這種問題,解決的辦法很簡單。 1. 在這兩個按鈕 或其他控制元件 的父控制元件上加上 android:splitMotionEvents="false" 是否允許多點觸控2. 在style中配置<style na

Vue2.x-01按鈕子Vue元件遍歷JSON展示資料

文章目錄 概述 實現過程 Step1: 父元件設定Button按鈕 Step2: 這裡使用了showHandlerFlag來控制子元件是否顯示,所裡需要在data中定義下這個變數 Step3: 引用宣告元件 Step4:

佈局中同時使用Toolbar和EditText時鍵盤時標題欄被拉伸

在Toolbar中新增 android:fitsSystemWindows="true" 這時,如果我們的layout中包含可滾動的控制元件如ListView、ScrollView(即在鍵盤彈出時會

Android Studio ListView的item事件AlertDialog和item的滑動

首先看看效果圖: 點選彈出AlertDialog的確認框! (一)第一步,建立一個xml檔案顯示item的佈局 student_item.xml <?xml version="1.0" encoding="utf-8"?> <LinearLa

在servlet中實現提示確認後跳轉其他頁面

PrintWriter out = response.getWriter();如果成功彈出登陸成功並跳到下一個頁面out.print("<script>alert('登入成功!');window.location.href='跳到登陸成功後的頁面'</sc

Android定位&地圖&導航——基於百度地圖實現自定義圖示繪製並泡泡

public class MainActivity extends Activity { private EditText txtAddr; // 定位相關 LocationClient mLocClient; LocationData locData = nul

左側選單右側內容

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <%@taglib prefix="s" uri="/struts-tags" %> <%@taglib

關於UIButton鍵盤並且鍵盤的上方還需新增UITextField或者UITextView的解決方法

最近在做一個專案的時候,有這樣一個需求,點選UIButton彈出鍵盤,鍵盤的上方還需新增一個輸入框(UITextField/UITextView),開始的想法是直接設定輸入框的 inputAccessoryView,設定後發現鍵盤根本就沒顯示出來.經過無數次的修改與查詢

1EditText初始不軟鍵盤只有游標顯示;2android:imeOptions

部落格時間:2013-06-08 10:13  剛進來的時候,不彈出鍵盤,EditText 有個游標上面閃,證明是可編輯的,這個還是符合使用者習慣的,從使用者體驗的角度上講,還保留游標的閃動是好的。 解決方法1:(已經試過,證明可以) 在activity屬性中設

EditText初始不軟鍵盤只有游標顯示

剛進來的時候,不彈出鍵盤,EditText 有個游標上面閃,證明是可編輯的,這個還是符合使用者習慣的,從使用者體驗的角度上講,還保留游標的閃動是好的。 解決方法1:(已經試過,證明可以) 在activity屬性中設定android:windowSoftInputMode="

文字提示樣式滑鼠獲得焦點時提示內容消失

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.

dwz問題之動態生成的查詢帶回沒有(動態生成的dom不能dialog)

一、問題 頁面通過點選事件,生成一個查詢帶回按鈕,點選這個按鈕,應該彈出彈框,實際上是頁面直接更換了連結。 二、原因 通過點選事件生成的按鈕,不能使用dwz的功能,原因是沒有繫結,需要再次繫結這些功能。 三、結果 在dwz的 dwz.ui.js

Android 最多輸入30字元就不能輸入提示提醒

android顯示edittext最多輸入字元,Android 中的EditText最大可輸入字元數可以通過xml檔案中為EditText設定maxLength屬性或者在程式碼中為EditText設定L

12)順序不對修改 顯示目錄 的對話

select cbo 添加 手冊 row count() src 顯示 log 1)接著之前的代碼 2)直接就是添加事件處理 3)基本過程:           ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

CMFCToolBar::ReplaceButton() 替換CMFCToolBarMenuButton控制元件 按鈕選單問題

    最近使用MFC單文件做了一個專案,需要用到CMFCToolBar由於自己的按鈕是在太多了,所有又把相同的按鈕歸類也就是把相同的按鈕放在一個按鈕下,在點選這個按鈕的時候彈出合併的所有選項 問題1:在我點選有下拉項的按鈕右側(三角符號部分)時才會彈出

jQuery實現滑鼠移上提示消失

分享一下我老師大神的人工智慧教程!零基礎,通俗易懂!http://blog.csdn.net/jiangjunshow 也歡迎大家轉載本篇文章。分享知識,造福人民,實現我們中華民族偉大復興!