Canvas 描邊與填充

2021-09-24 22:31:19 字數 3033 閱讀 3351

strokerect

填充fill

canvas中常用的stroke方法就是描邊方法,它用以描繪輪廓。

顧名思義,strokestyle即用以描述描邊的樣式,簡單地說就是邊的顏色。

const mycanvas = document.

getelementbyid

('mycanvas');

const ctx = mycanvas.

getcontext

('2d');

ctx.

moveto(0

,0);

ctx.

lineto

(100

,100);

ctx.

lineto(0

,100);

ctx.strokestyle =

'blue'

;//設定邊的顏色為藍色

該方法就是通過描邊的方式繪製矩形。

填充,即用某種顏色填充某閉合空間內部。

例如,

const mycanvas = document.

可以看到在這個例子中,並不能畫出任何東西,這是因為一條直線還不能形成乙個閉合區域。若是再加一條即可,

fill方法會自動形成乙個閉合區域並填充。

strokerect,自然也就有fillrect,引數也都一致。

同樣地,fillstyle也是用以修改填充樣式,即填充顏色。

描邊 深度 Outline描邊

描邊 使用兩個pass繪製兩遍模型,第一遍需要讓模型的每個頂點朝著法線方向外擴,然後使用cull front指令,剔除正面,只渲染背面。第二遍再做一遍普通的渲染,使之蓋住第一遍渲染的影象,就會產生描邊效果。材質面板 color 第二遍普通渲染模型混合顏色。main texture 第二遍普通渲染模型...

shape 描邊只描邊上下

今天遇到了乙個描邊的問題,用shape描邊大家都知道stroke來調。但是,要求是只描邊上邊和下邊,左邊右邊不需要,那麼就沒法了,stroke預設是全部描邊。xmlns android android left 2dp android right 2dp android color 背景色 andr...

CCLabelTTF描邊 陰影

ccsize size ccdirector shareddirector getwinsize 建立乙個全屏灰色底圖 cccolor4b c cclayercolor layercolr cclayercolor create c layercolr setcontentsize ccdirect...