国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

PIXI輸出base64圖像

ztyzz / 1280人閱讀

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

方法1

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

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

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

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/95079.html

相關文章

  • 學習 PixiJS — 視覺效果

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

    xavier 評論0 收藏0

  • 開始學習 PixiJS

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

    fredshare 評論0 收藏0

  • 學習 PixiJS — 動畫精靈

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

    PrototypeZ 評論0 收藏0

  • Web 前端中的增強現實（AR）開發技術

    摘要：增強現實以下簡稱浪潮正滾滾而來，瀏覽器作為人們最唾手可得的人機交互終端，正在大力發展技術。目前年底前端要想實現，都是靠的視頻透視式技術。但這兩個都是移動的，于是谷歌的團隊提供了和兩個庫，以便開發者能用技術來基于和開發，從而實現。 本文作者 GeekPlux，博客地址：http://geekplux.com/2018/01/18/augmented-reality-development...

    Jochen 評論0 收藏0

發表評論

0條評論

ztyzz

男|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<