HTML的canvas不能放在Vue繫結元素中

2021-10-21 00:17:31 字數 1922 閱讀 2181

大致目的:

正在載入h1

>

div>

div>

>

var main_canvas = document.

getelementbyid

('main_canvas');

var ctx = main_canvas.

getcontext

('2d');

// test rectangle

ctx.

beginpath()

;ctx.linewidth =

"5";

ctx.strokestyle =

"red"

;ctx.

rect(20

,20,40

,60);

ctx.

stroke()

;function

draw_line

(x1,y1 , x2,y2)

// test draw line

draw_line(10

,10,60

,100

)new

vue(

, created:

function()

)}})

script

>

body

>

html

>

以上 js **中,我先繪製了乙個測試矩形和乙個測試線條,再在載入資料後也繪製線條。但其執行時只顯示乙個空的藍綠(cyan)底色畫板。

但是,如果將元素移出 vue 繫結的id=displayer_1的元素,一切繪製正常:

"displayer_1"

>

v-if

="successfully_loaded"

>

>

}h1>

div>

v-else

>

>

正在載入h1

>

div>

div>

"main_canvas"

width

="800"

height

="800"

style

="background-color

: cyan;

">

canvas

>

也許是 vue 會對自己管理下的 canvas 子元素進行什麼操作吧?

NTLDR 不能放在邏輯分割槽

將windows xp從主分割槽移動到邏輯分割槽,再裝linux,卻進不了windows。grub項是debian自動生成的 root hd0,4 makedefault makeactive chainloader 1 grub報錯 b error 12 invalid device reques...

Viewport元資訊 放在html的head裡

content width pixel value device width height pixel value device height inital scale float value,應用程式啟動後縮放尺度 minimum scale float value,使用者縮小應用程式的最小尺度值...

全域性變數不能放在標頭檔案其中

看網上各種說法說 變數的宣告和變數的定義,可是還是沒有講清楚什麼是宣告什麼是定義,假設說定義要分配記憶體。宣告不分配。這個誰都知道。剛我在vs2012中測試。按理說 int i。僅僅是宣告吧 可是我在乙個標頭檔案其中宣告 int i 然後兩個cpp檔案都呼叫這個.c檔案,出現了重定義錯誤。我改為 i...