成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

PIXI輸出base64圖像

ztyzz / 1336人閱讀

摘要：方法如果想使用原生的，參考這篇問答，以下代碼是具體方法。但這個(gè)方法如果在設(shè)備上使用，獲取到的圖像會(huì)上下翻轉(zhuǎn)效果相當(dāng)于的。原因不明，可能也是搞鬼吧。

方法1

如果想使用 canvas 原生的 toDataURL ，參考這篇問答，以下代碼是具體方法。但這個(gè)方法如果在iOS設(shè)備上使用，獲取到的圖像會(huì)上下翻轉(zhuǎn)（效果相當(dāng)于css3的transform: scaleY(-1);）。原因不明，可能也是webGL搞鬼吧。

//用WebGL時(shí)，要渲染后同步獲取base64才有效，異步再來就只能拿到一張黑圖
app.render();
$previewPic.src = app.view.toDataURL();
方法2 
let app = new PIXI.Application();
app.renderer.plugins.extract.base64(app.stage);

這種方法其實(shí)就是把canvas中的app.stage轉(zhuǎn)為base64，這有個(gè)問題是，如果你放進(jìn)app.stage的內(nèi)容沒有撐滿canvas，輸出的base64圖像則會(huì)比canvas要小，如果app.stage的內(nèi)容溢出了canvas，溢出部分依然會(huì)輸出在base64圖像中，所以需要給stage加一個(gè)mask，以及一個(gè)透明的剛好充滿canvas的PIXI.Graphics

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/95079.html

相關(guān)文章

  • 學(xué)習(xí) PixiJS — 視覺效果

    摘要：將水平高斯模糊應(yīng)用于對(duì)象。下一步是將此值分配給渲染選項(xiàng)的屬性。蛇圖像的寬度為像素，因此大約個(gè)片段會(huì)產(chǎn)生很好的效果。通過循環(huán)將數(shù)組中的每個(gè)按照橢圓形的軌跡移動(dòng)，形成波浪效果。 平鋪精靈 平鋪精靈是一種特殊的精靈，可以在一定的范圍內(nèi)重復(fù)一個(gè)紋理。你可以使用它們創(chuàng)建無限滾動(dòng)的背景效果。要?jiǎng)?chuàng)建平鋪精靈，需要使用帶有三個(gè)參數(shù)的 TilingSprite 類（PIXI.extras.TilingS...

    xavier 評(píng)論0 收藏0

  • 開始學(xué)習(xí) PixiJS

    摘要：它自動(dòng)偵測(cè)使用或者。開發(fā)者無需專門學(xué)習(xí)就能感受到強(qiáng)大的硬件加速的力量。要注意的是，雖然非常適合制作游戲，但它并不是一個(gè)游戲引擎，它的核心本質(zhì)是盡可能快速有效地在屏幕上移動(dòng)物體?？梢员惶幚淼膱D像被稱作紋理。 PixiJS 介紹 PixiJS 是一個(gè)超快的2D渲染引擎。它自動(dòng)偵測(cè)使用 WebGL 或者 Canvas。開發(fā)者無需專門學(xué)習(xí) WebGL 就能感受到強(qiáng)大的硬件加速的力量。 Pixi...

    fredshare 評(píng)論0 收藏0

  • 學(xué)習(xí) PixiJS — 動(dòng)畫精靈

    摘要：也就是說用這種圖片做出這樣的效果要制作動(dòng)畫精靈我們需要用到的方法。定義使用紋理數(shù)組創(chuàng)建動(dòng)畫精靈的方法。返回值返回一個(gè)對(duì)象，對(duì)象會(huì)有一些屬性和方法，用于控制動(dòng)畫精靈。下一篇學(xué)習(xí)精靈狀態(tài) 說明 看完官方教程中提到的這本書 — Learn Pixi.js ，準(zhǔn)備寫寫讀后感了，官方教程中所說的內(nèi)容，基本上就是書的前4章，所以我就從第5章開始寫寫吧。 動(dòng)畫精靈指的是按順序使用一系列略有不同的圖像...

    PrototypeZ 評(píng)論0 收藏0

  • Web 前端中的增強(qiáng)現(xiàn)實(shí)（AR）開發(fā)技術(shù)

    摘要：增強(qiáng)現(xiàn)實(shí)以下簡(jiǎn)稱浪潮正滾滾而來，瀏覽器作為人們最唾手可得的人機(jī)交互終端，正在大力發(fā)展技術(shù)。目前年底前端要想實(shí)現(xiàn)，都是靠的視頻透視式技術(shù)。但這兩個(gè)都是移動(dòng)的，于是谷歌的團(tuán)隊(duì)提供了和兩個(gè)庫(kù)，以便開發(fā)者能用技術(shù)來基于和開發(fā)，從而實(shí)現(xiàn)。 本文作者 GeekPlux，博客地址：http://geekplux.com/2018/01/18/augmented-reality-development...

    Jochen 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<