html5之canvas
HTML5 Canvas canvas是html5新加的標籤，主要有2D和3D，2D的應用是動畫和影象，3D的應用是遊戲渲染。 1. 2D基礎 1.1繪製線 <!DOCTYPE html&
Canvas
十分鐘實現滅霸打響指灰飛煙滅的效果
看過復仇者聯盟的都知道，滅霸作為計劃生育政策的堅定支持者和執行者，一個響指清除了宇宙中二分之一的生命。電影中被清除的生命灰飛煙滅的鏡頭很是酷炫，所以在復聯4上映後，那個不存在的網站google，推出了一個彩蛋，
【Copy攻城獅日誌】踩坑小程式之canvas的顯示層級問題
Created 2019-4-3 18:29:53 by huqi Updated 2019-4-3 19:12:22 by huqi ↑開局一張圖，故事全靠編↑ 從一
Canvas實現文字粒子效果
最終實現效果 文字粒子 實現思路： 獲取到canvas繪製後螢幕上畫素點的陣列，在目標畫素點上繪製粒子替換掉原來的內容 繪製文字 通過API
h5行情k線開發
前言 由於公司專案需要，要做港股行情的H5版本，經過分析需求，大致有兩塊難點： 一是行情的推送接收，二是行情K線的生成及相關操作。本文章主要分析行情K線的相關實現，由於我們前端團隊之前
【帶著canvas去流浪（4）】繪製散點圖
示例程式碼託管在： http://www.github.com/dashnowords/blogs 部落格園地址： 《大史住在大前端》原創博文目錄 華為雲社群地址： 【你要的前端打怪
一個關於image訪問圖片跨域的問題
一、背景 專案中遇到一個問題，同一個圖片在 dom 節點中使用了 <img> 標籤來載入，同時由於專案使用了 ThreeJS 3D 渲染引擎，在載入紋理時使用了 TextureLoader 來載
H5海報製作實踐
引言 年後一直處於秣馬厲兵的狀態，上週接到了一個緊急需求，為38婦女節做一個活動頁，主要功能是生成海報，第一次做這種需求，我也是個半桶水前端，這裡將碰到的問題、踩的坑，如何解決的分享給大家，講的不到位的地方
幀動畫的多種實現方式與效能對比
作者:前端向朔 from 迅雷前端 原文地址： 幀動畫的多種實現方式與效能對比 本文目錄 Web動畫形式 應用場景 素材準備 實現方案 一、GIF圖 二、CSS3幀動畫
Web聊天工具的富文字輸入框
最近折騰 Websocket，打算開發一個聊天室應用練練手。在應用開發的過程中發現可以插入 emoji ，貼上圖片的富文字輸入框其實蘊含著許多有趣的知識，於是便打算記錄下來和大家分享。 倉庫地址： cha
小程式-canvas塗鴉
效果圖 wxml程式碼 <canvas canvas-id='myCanvas' class='myCanvas'
[JavaScript] canvas 合成圖片和文字
Canvas Canvas 是 HTML5 新增的元件，就像一個畫板，用 js 這杆筆，在上面亂塗亂畫 建立一個 canvas <canvas id="stockGraph"
balabala: dom 轉圖片場景和技術方案
有一天張大胖接到了產品的一個需求，需求中涉及到了小程式 和 app 兩端。 主要是基於微信的一個活動，需要在 app 和小程式端生成帶二維碼的圖片，生成圖片是為了讓使用者可以發到朋友圈。然後使用者長按帶二維
web component
最近忙著用業餘時間搞一個 web 應用開發框架，所以蒐集資料，今天給大家分享一個 web component。 <zi-logo> <img src="zideal
淺談canvas中的拖尾效果
引言 很早就想了解以下 canvas 中的拖尾效果（如彗星，煙花等效果）是怎麼實現的，但是一直沒有深入瞭解，正巧在 codepen 上看到一個 demo ，程式碼簡單，效果炫酷，故有此文。