html5canvas中用滑鼠畫拉出直線的問題

2021-04-28 03:12:41 字數 968 閱讀 7067

1樓:匿名使用者

畫好發你~~bai~

好了du,簡單一點的就是類似這樣的zhi。。

var canvas = document.getelementbyid('canv');

var ctx = canvas.getcontext("2d");

daoctx.beginpath();

ctx.strokestyle = "#f00";

ctx.linewidth = 3;

var ox,oy;

var flag = false;

function draw(sx,sy,ex,ey)canvas.onmousemove = function(e)}canvas.onclick = function(e)flag = !

flag;}

您好,請教您一個html5 canvas的問題: 我在canvas中畫了多個圖形,有影象(image)、直線。 10

2樓:匿名使用者

canvas可以實來現

首先canvas要響應滑鼠事件自

(onmousedown之類)

之後所有的圖形必須要建立相應的物件,來記錄他們所在的位置以及大小還有zorder(層疊位置,在2個物件重疊的時候決定誰在上面),相應的物件放到一個陣列裡並按zorder排序

當canvas的滑鼠click事件觸發後,按照zorder的順序來檢測滑鼠座標在不在某個物件的區域裡,如果在,則執行相應的函式

3樓:

canvas是一bai個單獨的dom物件,不能單du獨地繪製的圖形繫結事zhi件,目前,dao也只能對最後的path呼叫ispointinpath方法,內來點判斷是否在路容徑中,你可以參考一下ichartjs這個開源圖表框架,它也利用html5 的 canvas繪製圖形,對事件的處理上,是統一繫結了click事件,然後各自圖形實現了響應事件的方法。

在html5中有哪些語義化標記,HTML5的語義化標籤有哪些,作用是什麼

html有以下幾個語義化標記 header元素 html5的語義化標籤有哪些,作用是什麼 html5的語義化標籤有這些 作用是這些 html5的語義化標籤有哪些及其作用 html5的語bai義化du 標籤有zhi這些dao琪回 琪作用答 html5新增了哪些語義化標籤 目前沒有增加,只是改進。希望我...

html5有哪些優勢,Html5有什麼優勢?

h5之所以能引bai發如此 廣泛的du效應,根本在於它不再只zhi是一dao html5有什麼優勢?1.網路標準。html5本身是bai由duw3c推薦出來的,其zhi開發是通過谷歌 dao蘋果,諾基亞 中國移回 html5有什麼優勢?html5具體優勢在哪?相對於傳統移動遊戲,html5的優勢具體...

html5自學月能學到什麼程度,html5自學三個月能學到什麼程度

首先需要有一個好的大綱,從基礎學起,其次就是根據計劃堅持執行,期間不斷的多敲 會有長足的進步的 這個dw 的版本有點低吧?學三個月的短期西點可以工作嗎?能學到什麼啊?看什麼學校了,我就是在內蒙的一個新東方學的,東西肯定是學得到的,只是學得不會太全面,有條件可以學習長期一點的 可以工作啊 三個月基本的...