原文:20行js代碼制作網頁刮刮樂

分享一段用canvas和JS制作刮刮樂的代碼,JS部分去掉注釋不到 行代碼效果如下 蓋倫.jpg 刮刮樂.gif HTML部分 lt body gt img gailun.jpg lt canvas id canvas width height gt lt canvas gt lt body gt 沒什么要特別注意的為了效果加了些CSS樣式 CSS部分 lt style type text cs ...

2017-06-21 22:08 0 1688 推薦指數:

查看詳情

JS 兼容android和ios

修正了在Android下不動的bug (function(bodyStyle) { bodyStyle.mozUserSelect = 'none'; bodyStyle.webkitUserSelect = 'none'; var $canvas ...

Wed Aug 20 19:25:00 CST 2014 2 2812
自己實現一個

  今天有看到一個園友發了一篇自己實現的刮了,感覺挺好玩的就下下來看看,結果運行不了,想想也不是太難就決定自己實現一個,還是花了點時間的,源碼下載鏈接在最下面(這個絕對有用,除非你的瀏覽器不支持canvas)。廢話不多說,講解一下幾個重要的點吧: 一、首先是刮刮卡的效果,很自然想到兩層 ...

Sun Dec 08 06:26:00 CST 2013 7 2712
移動端-的實現方式

.............      想必大家都玩過,下面就介紹一種的移動端實現方式!用到canvas 1、用 ...

Thu Mar 23 21:48:00 CST 2017 1 1491
vue 功能實現

<template> <!--游玩區域--> <div class="panel"> <canvas id="canvas" ...

Thu Apr 02 19:23:00 CST 2020 0 1651
Android 撕衣服(游戲)

項目簡單介紹:   該項目為撕衣服,相似游戲 具體介紹: 用戶啟動項目后。載入一張圖片,當用戶點擊圖片的時候,點擊的一片區域就會消失。從而顯示出在這張圖片以下的圖片 這個小游戲相似與獎一樣,刮開塗層就會顯示文字。 這里則是撕掉美女身上的衣服,漏出 ...

Mon Jan 22 23:52:00 CST 2018 0 1173
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM