【技術(shù)實(shí)現(xiàn)步驟摘要】
本申請涉及顯示，尤其涉及一種樣式變換方法、裝置、電子設(shè)備及計(jì)算機(jī)存儲介質(zhì)。
技術(shù)介紹
1、在網(wǎng)頁和應(yīng)用程序中，用戶界面的交互性和視覺效果對用戶體驗(yàn)至關(guān)重要。地圖、圖片等元素的縮小、放大和拖拽是常見的交互操作。相關(guān)技術(shù)中，針對元素的縮小、放大和拖拽等位置或尺寸等樣式的變換，通常需要進(jìn)行修改元素的定位或尺寸相關(guān)的代碼的復(fù)雜操作，易用性較差，且元素的樣式變換效率較低。
技術(shù)實(shí)現(xiàn)思路
1、本申請實(shí)施例提供了一種樣式變換方法、裝置、電子設(shè)備及計(jì)算機(jī)存儲介質(zhì)，能夠提高元素樣式變換的效率。上述技術(shù)方案如下：
2、第一方面，本申請實(shí)施例提供了一種樣式變換方法，該方法包括：
3、當(dāng)檢測到針對初始元素的預(yù)設(shè)鼠標(biāo)事件時(shí)，獲取上述預(yù)設(shè)鼠標(biāo)事件對應(yīng)的鼠標(biāo)操作信息，以及獲取上述初始元素對應(yīng)的初始矩陣，上述初始矩陣用于指示上述初始元素的樣式信息；
4、基于上述初始矩陣和上述鼠標(biāo)操作信息對上述初始矩陣進(jìn)行更新，得到目標(biāo)矩陣；
5、根據(jù)上述目標(biāo)矩陣確定上述初始元素對應(yīng)的樣式變換后的目標(biāo)元素。
6、在一種可能的實(shí)現(xiàn)方式中，上述預(yù)設(shè)鼠標(biāo)事件為鼠標(biāo)滾輪滾動事件或者鼠標(biāo)拖拽事件；
7、當(dāng)上述預(yù)設(shè)鼠標(biāo)事件為上述鼠標(biāo)滾輪滾動事件時(shí)，上述預(yù)設(shè)鼠標(biāo)事件對應(yīng)的鼠標(biāo)操作信息包括：鼠標(biāo)滾輪的滾動方向和上述鼠標(biāo)滾輪的滾動量；
8、當(dāng)上述預(yù)設(shè)鼠標(biāo)事件為上述鼠標(biāo)拖拽事件時(shí)，上述預(yù)設(shè)鼠標(biāo)事件對應(yīng)的鼠標(biāo)操作信息包括：鼠標(biāo)光標(biāo)在屏幕坐標(biāo)系中的起始點(diǎn)擊位置，以及在檢測
9、在一種可能的實(shí)現(xiàn)方式中，上述屏幕坐標(biāo)系包括橫軸和縱軸；上述初始矩陣中包括以下至少一種參數(shù)：第一參數(shù)、第二參數(shù)和第三參數(shù)；其中，上述第一參數(shù)用于指示上述初始元素的初始縮放比例，上述第二參數(shù)用于指示上述初始元素在上述橫軸上的初始位移，上述第三參數(shù)用于指示上述初始元素在上述縱軸上的初始位移。
10、在一種可能的實(shí)現(xiàn)方式中，當(dāng)上述預(yù)設(shè)鼠標(biāo)事件為上述鼠標(biāo)滾輪滾動事件時(shí)，上述基于上述初始矩陣和上述鼠標(biāo)操作信息對上述初始矩陣進(jìn)行更新，得到目標(biāo)矩陣，包括：
11、基于上述初始矩陣中的上述第一參數(shù)，以及上述鼠標(biāo)操作信息中的上述滾動方向和上述滾動量，對上述第一參數(shù)進(jìn)行更新，得到第一目標(biāo)參數(shù)；
12、將上述初始矩陣中的上述第一參數(shù)替換為上述第一目標(biāo)參數(shù)，得到目標(biāo)矩陣。
13、在一種可能的實(shí)現(xiàn)方式中，上述基于上述初始矩陣中的上述第一參數(shù)，以及上述鼠標(biāo)操作信息中的上述滾動方向和上述滾動量，對上述第一參數(shù)進(jìn)行更新，得到第一目標(biāo)參數(shù)，包括：
14、根據(jù)上述鼠標(biāo)操作信息中的上述滾動方向確定上述初始元素對應(yīng)的調(diào)整操作，上述調(diào)整操作為放大操作或縮小操作；
15、將預(yù)設(shè)步長與上述鼠標(biāo)操作信息中的上述滾動量的乘積確定為上述第一參數(shù)對應(yīng)的調(diào)整倍數(shù)；
16、根據(jù)上述調(diào)整操作、上述調(diào)整倍數(shù)和上述初始矩陣中的上述第一參數(shù)對上述第一參數(shù)進(jìn)行更新，得到第一目標(biāo)參數(shù)。
17、在一種可能的實(shí)現(xiàn)方式中，上述根據(jù)上述調(diào)整操作、上述調(diào)整倍數(shù)和上述初始矩陣中的上述第一參數(shù)對上述第一參數(shù)進(jìn)行更新，得到第一目標(biāo)參數(shù)，包括：
18、當(dāng)上述調(diào)整操作為上述放大操作時(shí)，判斷上述第一參數(shù)和上述調(diào)整倍數(shù)相加之和是否包含于預(yù)設(shè)縮放比例范圍內(nèi)；
19、若是，則將上述第一參數(shù)和上述調(diào)整倍數(shù)相加之和作為上述第一目標(biāo)參數(shù)；
20、若否，則將上述預(yù)設(shè)縮放比例范圍內(nèi)的最大縮放比例閾值作為上述第一目標(biāo)參數(shù)。
21、在一種可能的實(shí)現(xiàn)方式中，根據(jù)上述調(diào)整操作、上述調(diào)整倍數(shù)和上述初始矩陣中的上述第一參數(shù)對上述第一參數(shù)進(jìn)行更新，得到第一目標(biāo)參數(shù)，包括：
22、當(dāng)上述調(diào)整操作為上述縮小操作時(shí)，判斷上述第一參數(shù)和上述調(diào)整倍數(shù)之差是否包含于預(yù)設(shè)縮放比例范圍內(nèi)；
23、若是，則將上述第一參數(shù)和上述調(diào)整倍數(shù)之差作為上述第一目標(biāo)參數(shù)；
24、若否，則將上述預(yù)設(shè)縮放比例范圍內(nèi)的最小縮放比例閾值作為上述第一目標(biāo)參數(shù)。
25、在一種可能的實(shí)現(xiàn)方式中，上述初始矩陣中包括：上述第二參數(shù)和上述第三參數(shù)；
26、當(dāng)上述預(yù)設(shè)鼠標(biāo)事件為上述鼠標(biāo)拖拽事件時(shí)，上述基于上述初始矩陣和上述鼠標(biāo)操作信息對上述初始矩陣進(jìn)行更新，得到目標(biāo)矩陣，包括：
27、基于上述初始矩陣中的上述第二參數(shù)，以及上述鼠標(biāo)操作信息中的上述起始點(diǎn)擊位置和上述當(dāng)前拖拽位置，對上述第二參數(shù)進(jìn)行更新，得到第二目標(biāo)參數(shù)；
28、基于上述初始矩陣中的上述第三參數(shù)，以及上述起始點(diǎn)擊位置和上述當(dāng)前拖拽位置，對上述第三參數(shù)進(jìn)行更新，得到第三目標(biāo)參數(shù)；
29、將上述初始矩陣中的上述第二參數(shù)替換為上述第二目標(biāo)參數(shù)，并將上述初始矩陣中的上述第三參數(shù)替換為上述第三目標(biāo)參數(shù)，得到目標(biāo)矩陣。
30、在一種可能的實(shí)現(xiàn)方式中，上述基于上述初始矩陣中的上述第二參數(shù)，以及上述鼠標(biāo)操作信息中的上述起始點(diǎn)擊位置和上述當(dāng)前拖拽位置，對上述第二參數(shù)進(jìn)行更新，得到第二目標(biāo)參數(shù)，包括：
31、將上述鼠標(biāo)操作信息中的上述起始點(diǎn)擊位置的起始橫坐標(biāo)與上述初始矩陣中的上述第二參數(shù)之差確定為橫軸偏移量；
32、將上述當(dāng)前拖拽位置的當(dāng)前橫坐標(biāo)與上述橫軸偏移量之差確定為上述第二目標(biāo)參數(shù)；
33、上述基于上述初始矩陣中的上述第三參數(shù)，以及上述起始點(diǎn)擊位置和上述當(dāng)前拖拽位置，對上述第三參數(shù)進(jìn)行更新，得到第三目標(biāo)參數(shù)，包括：
34、將上述起始點(diǎn)擊位置的起始縱坐標(biāo)與上述第三參數(shù)之差確定為縱軸偏移量；
35、將上述當(dāng)前拖拽位置的當(dāng)前縱坐標(biāo)與上述縱軸偏移量之差確定為上述第三目標(biāo)參數(shù)。
36、在一種可能的實(shí)現(xiàn)方式中，上述根據(jù)上述目標(biāo)矩陣確定上述初始元素對應(yīng)的樣式變換后的目標(biāo)元素，包括：
37、針對上述初始元素中包括的多個(gè)像素點(diǎn)中各像素點(diǎn)，獲取上述像素點(diǎn)的初始像素坐標(biāo)；
38、根據(jù)上述目標(biāo)矩陣和上述初始像素坐標(biāo)，確定上述像素點(diǎn)的目標(biāo)像素坐標(biāo)，進(jìn)而得到多個(gè)像素點(diǎn)的多個(gè)目標(biāo)像素坐標(biāo)；
39、根據(jù)上述多個(gè)目標(biāo)像素坐標(biāo)在上述屏幕坐標(biāo)系中進(jìn)行渲染，生成上述初始元素對應(yīng)的樣式變換后的目標(biāo)元素。
40、第二方面，本申請實(shí)施例提供了一種樣式變換裝置，上述裝置包括：
41、獲取模塊，用于當(dāng)檢測到針對初始元素的預(yù)設(shè)鼠標(biāo)事件時(shí)，獲取上述預(yù)設(shè)鼠標(biāo)事件對應(yīng)的鼠標(biāo)操作信息，以及獲取上述初始元素對應(yīng)的初始矩陣，上述初始矩陣用于指示上述初始元素的樣式信息；
42、更新模塊，用于基于上述初始矩陣和上述鼠標(biāo)操作信息對上述初始矩陣進(jìn)行更新，得到目標(biāo)矩陣；
43、確定模塊，用于根據(jù)上述目標(biāo)矩陣確定上述初始元素對應(yīng)的樣式變換后的目標(biāo)元素。
44、在一種可能的實(shí)現(xiàn)方式中，上述預(yù)設(shè)鼠標(biāo)事件為鼠標(biāo)滾輪滾動事件或者鼠標(biāo)拖拽事件；<本文檔來自技高網(wǎng)...
【技術(shù)保護(hù)點(diǎn)】
1.一種樣式變換方法，其特征在于，包括：
2.如權(quán)利要求1所述的方法，其特征在于，所述預(yù)設(shè)鼠標(biāo)事件為鼠標(biāo)滾輪滾動事件或者鼠標(biāo)拖拽事件；
3.如權(quán)利要求2所述的方法，其特征在于，所述屏幕坐標(biāo)系包括橫軸和縱軸；所述初始矩陣中包括以下至少一種參數(shù)：第一參數(shù)、第二參數(shù)和第三參數(shù)；其中，所述第一參數(shù)用于指示所述初始元素的初始縮放比例，所述第二參數(shù)用于指示所述初始元素在所述橫軸上的初始位移，所述第三參數(shù)用于指示所述初始元素在所述縱軸上的初始位移。
4.如權(quán)利要求3所述的方法，其特征在于，當(dāng)所述預(yù)設(shè)鼠標(biāo)事件為所述鼠標(biāo)滾輪滾動事件時(shí)，所述基于所述初始矩陣和所述鼠標(biāo)操作信息對所述初始矩陣進(jìn)行更新，得到目標(biāo)矩陣，包括：
5.如權(quán)利要求4所述的方法，其特征在于，所述基于所述初始矩陣中的所述第一參數(shù)，以及所述鼠標(biāo)操作信息中的所述滾動方向和所述滾動量，對所述第一參數(shù)進(jìn)行更新，得到第一目標(biāo)參數(shù)，包括：
6.如權(quán)利要求3所述的方法，其特征在于，所述初始矩陣中包括：所述第二參數(shù)和所述第三參數(shù)；
7.如權(quán)利要求2所述的方法，其特征在于，所述根
8.一種樣式變換裝置，其特征在于，包括：
9.一種電子設(shè)備，其特征在于，包括：處理器及存儲器；
10.一種計(jì)算機(jī)存儲介質(zhì)，所述計(jì)算機(jī)存儲介質(zhì)存儲有多條指令，所述指令適于由處理器加載并執(zhí)行如權(quán)利要求1至7任意一項(xiàng)所述方法的步驟。
...【技術(shù)特征摘要】
1.一種樣式變換方法，其特征在于，包括：
2.如權(quán)利要求1所述的方法，其特征在于，所述預(yù)設(shè)鼠標(biāo)事件為鼠標(biāo)滾輪滾動事件或者鼠標(biāo)拖拽事件；
3.如權(quán)利要求2所述的方法，其特征在于，所述屏幕坐標(biāo)系包括橫軸和縱軸；所述初始矩陣中包括以下至少一種參數(shù)：第一參數(shù)、第二參數(shù)和第三參數(shù)；其中，所述第一參數(shù)用于指示所述初始元素的初始縮放比例，所述第二參數(shù)用于指示所述初始元素在所述橫軸上的初始位移，所述第三參數(shù)用于指示所述初始元素在所述縱軸上的初始位移。
4.如權(quán)利要求3所述的方法，其特征在于，當(dāng)所述預(yù)設(shè)鼠標(biāo)事件為所述鼠標(biāo)滾輪滾動事件時(shí)，所述基于所述初始矩陣和所述鼠標(biāo)操作信息對所述初始矩陣進(jìn)行更新，得到目標(biāo)矩陣，包括：
5.如...
【專利技術(shù)屬性】
技術(shù)研發(fā)人員：高軍，
申請(專利權(quán))人：三六零數(shù)字安全科技集團(tuán)有限公司，
類型：發(fā)明
國別省市：
還沒有人留言評論。發(fā)表了對其他瀏覽者有用的留言會獲得科技券。