silver-bitmap

silver-bitmap

Features

  • 样式示例:

demo

https://g.alicdn.com/silvermine/silver-bitmap/0.0.4/demo/index.html

Installation

  • npm install silver-bitmap

Usage

  • script 标签引入
    • <script src="https://g.alicdn.com/silvermine/silver-bitmap/{version}/index.min.js"></script>
  • import or require
    • 首先 npm install silver-bitmap
    • import SilverBitmap from 'silver-bitmap 或者
      const Bitmap = require('silver-bitmap')

jsdoc 接口页面

API

  • new window.tvcnpt.SilverBitmap(cfg)

    example:

      /**
      * constructor 构造函数
      * @memberOf SilverBitmap.prototype
      * @param cfg {Object} 配置参数
      *   @param target   {String} 元素容器  默认为body
      *   @param left     {Number} 距离容器左侧距离   默认为0px(1920p分辨率下)
      *   @param top      {Number} 距离容器顶部距离   默认为0px
      *   @param width    {Number} 图片宽度     默认400px        *   @param height   {Number} 图片高度     默认298px
      *   @param zIndex  {Number}  z-index层级     默认1
      *   @param bgImg   {String}  背景图片  
      *   @param bgColor  {String} 背景颜色  默认为#333        */
    
      var bitmap = new window.tvcnpt.SilverBitmap(
              {
                left: 0,
                top: 0,
                width: 400,
                height: 298,
                zIndex: 3,
                bgImg:'https://gw.alicdn.com/tps/TB1tJJ9NFXXXXXYXpXXXXXXXXXX-400-298.jpg'
          });