用戶
 找回密碼
 立即注冊

QQ登錄

只需一步,快速開始

掃一掃,登錄網站

canvas學習系列

    『教程』微信小程序canvas輯合(教程+Demo+跳坑)

    『教程』微信小程序canvas輯合(教程+Demo+跳坑)

    “社區里有一群canvas愛好者,比jsh5css,安靜的小智,jeffer等同學他們在canvas方面都有著自己的學習心得和見解。但是極樂叔發現在小程序開發學習過程中還是有很多小伙伴折戟在canvas上,為此我們在社區首頁教程內 ...
    7215 Rolan/2017-12-12 14:29
    canvas中drawImage理解,image圖片自適應寬度比例顯示的方法

    canvas中drawImage理解,image圖片自適應寬度比例顯示的方法

    作者:漢堡請不要欺負面條,授權地址一:image圖片自適應寬度比例顯示的方法一.了解image組件由于image有默認的固定的寬度和高度,這樣我們在做圖片自適應的時候,就不好做了。下面就來一起解決下二.方法(一).使用mo ...
    15395 天下雪/2017-5-7 00:05
    微信小程序canvas繪制圖形基礎

    微信小程序canvas繪制圖形基礎

    作者:漢堡請不要欺負面條,來自原文地址一.小知識(1).API接口(2).context 對象的方法列表二.步驟wxml中: canvas canvas-id="myCanvas" class="myCanvas" /canvas 在js文件onLoad: function() {}的方法中開始編寫 ...
    7059 天下雪/2017-5-6 00:12
    微信小程序實例--貪吃蛇

    微信小程序實例--貪吃蛇

    游戲效果圖大家的時間都很寶貴,話不多說, 直接進入主題前陣子公司的app剛上架,這段時間比較空閑, 就稍微研究了一下微信小程序...(本人iOS開發, 對h5,js語法也是略懂略懂---會前端的同學搞微信小程序應該是輕輕松松) ...
    3840 天下雪/2017-3-24 00:11
    微信小程序實現帶刻度尺滑塊

    微信小程序實現帶刻度尺滑塊

    與自帶的slider不同的是,它是通過手勢滑動標尺得到取值,而不是通過滑動滑塊本身。
    5003 天下雪/2017-3-24 00:00
    如何使用小程序畫布組件繪制自動縮放正方形

    如何使用小程序畫布組件繪制自動縮放正方形

    作者:優美麗生活,來自原文地址大家在手機流量頁面的時候,應該也看到過各種看起來很科幻的各種變化的圖形,看久了就會出現眩暈的感覺。那么這種圖片是怎么做出來的呢?今天我們就給大家簡單演示一下,如何使用小程 ...
    2721 天下雪/2017-3-15 00:08
    用canvas在微信小程序上畫時鐘教程

    用canvas在微信小程序上畫時鐘教程

    分享者:lastnigtic,原文地址推薦閱讀:跳坑《一百一十一》canvas相關問題說明最近開始學習canvas,看了慕課網的一個視頻,開始自己動手在微信小程序上畫個時鐘,首先我們可以先看以下微信小程序的官方文檔:https: ...
    4582 天下雪/2017-3-1 00:00
    小程序之基于canvas繪制高鐵線路圖

    小程序之基于canvas繪制高鐵線路圖

    前幾天@天下雪 給了我一張高鐵的路線圖,問我能不能用canvas畫出來,所以我就試了試,我的思路可能比較復雜;如果有更簡單的思路可以留言回復;下面說一下我的實現思路: 1、首先是每個站點圓角矩形的繪制,一開始想 ...
    5049 天下雪/2017-2-20 10:21
    微信小程序之Canvas--玩壞FlappyBird

    微信小程序之Canvas--玩壞FlappyBird

    說點:小程序平臺,玩過五子棋,玩過貪吃蛇, 你玩過FlappyBird嗎? 效果圖: 實現細節: JS邏輯: 主要包括 小鳥下降邏輯、隨機空隙管道邏輯、 單機屏幕事件、碰撞事件、計數邏輯 小鳥下降: 純文本查看 ...
    3751 天下雪/2017-2-15 16:48
    微信小程序小組件:仿直播點贊氣泡效果,基于Canvas

    微信小程序小組件:仿直播點贊氣泡效果,基于Canvas

    先擼一發效果圖為敬: 實現細節: 1.JS: 純文本查看 復制代碼 drawImage:function(data){ var that = this var p10= data; /* 三階貝塞爾曲線起點坐標值*/ var p11= data; /* 三階貝塞爾曲線第一個控制點 .. ...
    7616 天下雪/2017-2-13 18:46
    微信小程序不支持圖表工具,通過實例帶你了解繪制方案

    微信小程序不支持圖表工具,通過實例帶你了解繪制方案

    由于微信小程序本身框架的限制,很難集成目前已有的圖表工具,顯示圖表目前有兩種方案:服務器端渲染圖表,輸出圖片,微信小程序中直接顯示渲染好的圖片,比如Highcharts提供了服務端渲染的能力hightcharts server r ...
    5785 天下雪/2017-2-13 00:03
    微信小程序基礎之畫布

    微信小程序基礎之畫布

    canvas 標簽默認寬度300px、高度225px同一頁面中的 canvas-id 不可重復,如果使用一個已經出現過的 canvas-id,該 canvas 標簽對應的畫布將被隱藏并不再正常工作屬性名類型默認值說明canvas-idStringcanvas 組件的唯 ...
    3311 天下雪/2017-2-9 00:07
    微信小程序實戰開發教程:手勢解鎖;基于canvas

    微信小程序實戰開發教程:手勢解鎖;基于canvas

    制作者:crazytea,來自授權地址手勢解鎖是app上常見的解鎖方式,相比輸入密碼方式操作起來要方便許多。下面展示如何基于微信小程序實現手機解鎖。最終實現效果如下圖:整個功能基于canvas實現,首先添加畫布組件,并 ...
    3325 天下雪/2017-1-6 15:32
    微信小程序使用canvas進行二維碼繪制

    微信小程序使用canvas進行二維碼繪制

    var canvas = { width: 100, height:36};function verification(ctx) { // //清空畫布 ctx.clearRect(0, 0, canvas.width, canvas.height); // //生成隨機顏色 function getRandomColor() { return "#" + ( ...
    4839 hongweicao/2016-12-30 09:30
    小程序canvas繪制K線,從0開始的日記( 二)

    小程序canvas繪制K線,從0開始的日記( 二)

    本文作者:波同學,來自授權地址, 本文接上篇:http://www.vwmaku.live/portal.php?mod=viewaid=878但是我們目的是想要一條平滑的曲線來表示均線等,而不是一條轉折點明顯的折線。因此還得繼續探索api。我們發 ...
    4550 天下雪/2016-12-26 00:15
12下一頁
致青春APP