首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏全栈前端精选

    一张刮刮卡竟包含这么多前端知识点

    3 构建类的雏形 新建scratchcard.js。 在index.html中引入scratchcard.js,在body最下边插入script代码: new ScratchCard({ canvas: document.getElementById 4 实现ScratchCard 4.1 构建ScratchCard原型 继续编写scratchcard.js: function ScratchCard(config) { this.config _init(); } + ScratchCard.prototype = { + constructor: ScratchCard, + // 初始化 + _init(); } ScratchCard.prototype = { constructor: ScratchCard, // 初始化

    1.7K20发布于 2019-12-10
  • 来自专栏知识学习

    Vue实现刮刮乐项目

    loop="loop" type="audio/mp3" >

    </template> <script> import scratchCard from "lzy-scratch-card"; let that = this; export default { name: "App", components: { scratchCard moz-osx-font-smoothing: grayscale; text-align: center; color: #2c3e50; margin-top: 60px; } </style> scratchCard 功能描述 ScratchCard是一款支持移动手机的HTML5 canvas刮刮卡插件。

52310编辑于 2024-10-15
  • 来自专栏Flutter

    Flutter 实现刮刮卡效果

    cupertino.dart'; import 'package:flutter/material.dart'; import 'package:scratcher/scratcher.dart'; class ScratchCard _ScratchCardState createState() => _ScratchCardState(); } class _ScratchCardState extends State<ScratchCard

    7.2K20发布于 2021-03-16
  • 来自专栏蚂蚁开源社区

    【技术分享】支持移动手机的刮刮卡效果实现

      ScratchCard是一款支持移动手机的HTML5 canvas刮刮卡JS插件。该刮刮卡JS插件支持移动触摸事件,提供刮卡的回调函数,简单易用,效果非常不错。 ?  

    89920发布于 2019-08-23
  • 来自专栏前端实验室

    京东开源了十二个抽奖组件!!!

    3.0,也支持 TypeScript,支持按需引入 便捷灵活的自定义设置 包含12种常见的抽奖组件 TurnTable 大转盘抽奖 Marquee 跑马灯抽奖 quareNine 九宫格抽奖 ScratchCard

    3.7K31编辑于 2022-12-02
  • 从 “卡顿” 到 “秒开”:外投首屏性能优化的 6 个实战锦囊|得物技术

    find((item: { name: string }) => item.name === 'scratchCard') const bg = scratchInfo?.props?.

    65610编辑于 2025-07-15
  • 领券