前端智勇大闖關 第二季 第一題

2021-09-08 16:38:26 字數 1999 閱讀 5974

新春之際,新朋友老朋友,祝大家新年快樂。哈哈,給大家拜個晚年。

ued 前端智勇大闖關-第二季(

)這裡給出了第一的答案及實現原理,與大家**,可隨便吐槽。

題目:請畫乙個三角形穿過4個點

畫這個三角形,相對比較容易。如下圖所示:

現在討論的如何實現畫板功能

1、準備畫布(新標籤canvas)

設定畫布的寬高,為canvas設定屬性width及height

var cs = document.getelementbyid("ktest");

var mcs = cs.getcontext('2d');

2、畫一條線段

obj.beginpath();

obj.moveto(x1,y1);

obj.lineto(x2,y2);

obj.strokestyle = "#000000";

obj.stroke();

obj.closepath();

3、畫圓形

obj.beginpath();

obj.arc(left,top,radius,0,360,false

);obj.fillstyle = "#ff0000";

obj.fill();

obj.closepath();

4、畫線、畫圓形

cs.onmousedown(e)

document.onmouseup= function

(e)}

5、限制座標的位置

x = e.clientx - cs.offsetleft; //

相對畫布的水平位置

y = e.clienty - cs.offsettop; //

相對畫布的垂直位置

6、直線公式,熟悉吧,親切吧,是不是想起來初高中學的幾何了,還有。。。

//

沒啥說的,套公式。畫直線

7、圓心到直線的距離,等於半徑時相切乙個交點,小於半徑時相交兩個交點,大於半徑時相離零個交點。大概是這個意思,熟悉吧、親切吧,是不是想起來初高中學的幾何了,還有。。。

//

沒啥說的,套公式

(math.abs(a1*50+b1*50+c1)/math.sqrt(a1*a1+b1*b1))下圖所示能滿足上面的判斷條件,實際上並沒有全部穿過四個圓

8、追加判斷,上面的是直線,而三角形是線段組成

示例: 請用ie9+,firefox,chrome等瀏覽器

執行**

講個故事 House第二季最後一集

剛看完。看到過的最好看的一集house了。先告訴不知道house的,這是乙個我喜歡的美劇,講乙個名字叫house的醫生和他的團隊專門負責送來的疑難雜症,那種最奇怪的病歷。house這人很幽默 情節結尾往往很有戲劇性。通常這種系列劇的最後一集總會發生一件大事。這一集開頭時,house團隊正在討論乙個很...

R 乙隻小蜜蜂 (第二季水)

description 有乙隻經過訓練的蜜蜂只能爬向右側相鄰的蜂房,不能反向爬行。請程式設計計算蜜蜂從蜂房a爬到蜂房b的可能路線數。其中,蜂房的結構如下所示。輸入資料的第一行是乙個整數n,表示測試例項的個數,然後是n 行資料,每行包含兩個整數a和b 0 output 對於每個測試例項,請輸出蜜蜂從蜂...

鉑金第二期第一題

對於一道題來說,小q會統計最短的驗題人 長度 shortest judge solution 以及賽內參賽隊伍最短的ac 長度 shortest team solution 統計驗題人 長度比較容易,因為驗題人最多也不會超過2020個。但是統計選手 長度就不容易了,因為大賽區動輒三四百支隊伍。請寫乙...