以前曾用Canvas合成、裁剪、圖片等《用H5中的Canvas等技術制作海報》。這次用Canvas來畫文字。 下圖中“老王考到駕照后”這幾個字是畫在Canvas上的,與在PS中打入的字非常接近,毫無違和感。 前面一段時間也在研讀JavaScript設計模式相關的知識,這次正好 ...
以前曾用Canvas合成 裁剪 圖片等 用H 中的Canvas等技術制作海報 。這次用Canvas來畫文字。 下圖中 老王考到駕照后 這幾個字是畫在Canvas上的,與在PS中打入的字非常接近,毫無違和感。 前面一段時間也在研讀JavaScript設計模式相關的知識,這次正好小小的實踐一下,但對設計模式的理解還不是很深。 一 項目總覽 總共就兩張頁面,第一張是選擇性別,輸入名字,第二張頁面是合成文 ...
2016-12-20 09:40 2 2475 推薦指數:
以前曾用Canvas合成、裁剪、圖片等《用H5中的Canvas等技術制作海報》。這次用Canvas來畫文字。 下圖中“老王考到駕照后”這幾個字是畫在Canvas上的,與在PS中打入的字非常接近,毫無違和感。 前面一段時間也在研讀JavaScript設計模式相關的知識,這次正好 ...
前言:2016差不多又過了半啦,最近參與了公司好幾個h5項目(嚴格來說,也只能算是推廣頁面活動)。主要是新品牌的推廣需要,當然也有給公司以前老客戶做的案例。今天主要總結下為新品牌開發的2個h5推廣;就主要的運用技術,頁面優化,以及存在的短板做總結。 一、主題與設計; 2個h5主題主要與4.1 ...
需求:以微信公眾號為入口,提供h5頁面共用戶進行業務操作,用戶信息完全依賴公眾號; 方案:創建公眾號-》用戶關注公眾號-》靜默授權到h5頁面-》h5頁面獲取用戶信息-》用戶在h5頁面上進行業務操作; 准備:公眾號一個(必須是需要認證的,認證需要硬性條件,無奈只能用測試賬號,測試賬號有一個坑 ...
1. nginx部署h5項目 此為windows部署,liunx也類似的 1.1. 前言 部署h5項目還是很簡單的,不過對小白來講一開始可能也是一臉懵逼,這個簡單教程針對的是從未部署過前后端分離前端項目的小白 1.2. 步驟 1.2.1. 下載nginx 如下圖目錄 ...
1. nginx部署h5項目 此為windows部署,liunx也類似的 1.1. 前言 部署h5項目還是很簡單的,不過對小白來講一開始可能也是一臉懵逼,這個簡單教程針對的是從未部署過前后端分離前端項目的小白 1.2. 步驟 1.2.1. 下載nginx 如下圖 ...
開發前后端分離時,我們經常會部署H5項目,不過這個操作非常簡單。 1、首先我們將H5項目放到:/root/web/mypro 目錄下 2、打開nginx.conf文件,增加如下: (1)配置ip方法 (2)配置域名方法 (3)配置Https方法 ...
引入SDK 方式1:頁面引入在線SDK(在其他js庫之后引用) 方式2: 下載SDK,本地引入 方式3:NPM 版本模式 a.安裝: b.頁面引入上報 ...
一些比較小的H5頁面,我覺得全沒有必要一定要使用框架的,比如vue和react之類的,我覺得原生的js,html5也可以寫好移動端。 最近剛好要趕10多個h5頁面,適配移動端的,各種手機型號都要適配,筆者想起了自己的以前寫過的一個轉換小工具, 大家可以看之前我的文章和我一起使用 ...