canvas入門篇 最近在折騰canvas,寫一點筆記。 注:本文面向canvas入門的前端,寫的如有紕漏請指出,不喜勿噴。 這一系列的文章最終結果是做出本人博客的動態背景,不過凡事都要循序漸進,我們先從最簡單的繪制開始。 本人接觸電腦的第一個繪圖工具就是windows自帶 ...
canvas入門 二 前一篇大概介紹了canvas繪圖的一些基礎API,本文來介紹動畫的部分,canvas最關鍵的函數是requestAnimationFrame callback 。 注:本文面向canvas入門人員,寫的如有紕漏請指出,不喜勿噴。 requestAnimationFrame callback 這是一個用於制作逐幀動畫的函數,在它出現之前,我們的動畫基本用setTimeout或者 ...
2017-10-04 13:11 28 2321 推薦指數:
canvas入門篇 最近在折騰canvas,寫一點筆記。 注:本文面向canvas入門的前端,寫的如有紕漏請指出,不喜勿噴。 這一系列的文章最終結果是做出本人博客的動態背景,不過凡事都要循序漸進,我們先從最簡單的繪制開始。 本人接觸電腦的第一個繪圖工具就是windows自帶 ...
1.首先放上github的源碼鏈接 1.1下載到本地之后找到我們需要的文件: 1.2 將文件上傳博客園的后台: 1.3 最后在設置中引入文件:這里的url你可以點擊你上傳的js文件然后在導航欄上找到地址 2.動畫背景參數: 顏色 背景透明度 ...
前言 博客園提供了個人首頁背景的模板,但卻是讓人覺得一言難盡,於是我自己修改了一些樣式供大家參考 上傳至博客相冊 將選定的圖片上傳至自己博客園的相冊中(自己可以新增一個相冊,用來存放首頁背景圖) 將選定的背景圖上傳至博客園服務器 然后右鍵圖片復制路徑就好了,當然上傳 ...
最近收到好多朋友私信我怎么做的博客園的首頁。我來回答一下吧 1.點擊博客設置 2.在修改設置的頁面CSS設置中寫上你想要的代碼 3.保存 我的博客園首頁代碼 1.首頁圖片效果代碼: 將自己想要的圖片放到自己的相冊里面,然后鏈接 #home ...
在使用博客園的簡單模板后,感覺頁面有一點點太白,所以學習了下如何設置背景。 原頁面: 1.找一張你想做為背景的圖片,然后復制這張圖片的URL地址。 2.在博客首頁點擊管理博客,點擊頂部導航欄中的選項,在左側導航欄找到博客設置,然后找到頁面定制css代碼。 3.粘貼以下代碼 將其 ...
首先 , 先打開博客園的首頁 -> 我的博客-> 管理-> 設置 -> 找到頁面定制CSS代碼然后貼上下文代碼 如果想更改圖片請找到 這里的第二行 url后面有網址 , 把自己的要的圖片弄到博客的相冊 你add了你的圖片后 ...
背景透明方法 主要就是以下兩個好用點。但是有區別。前者不繼承透明,后者繼承透明。 background:rgba(255,255,255,0.5); optcity:0.5 參閱資料:https://www.cnblogs.com/-simon/p ...
博客園添加動態背景效果 目錄 1 申請 JS權限 2 審核通過后 3 上傳canvas-nest.js文件到自己的博客園后台並獲取這個文件的鏈接 4 在博客園-->設置-->頁首Html代碼下,插入以下標簽 5 見證奇跡 參考 ...