Documentation

silver-text

silver-text

Features

  • 样式示例：

demo

https://g.alicdn.com/silvermine/silver-text/0.0.1/demo/index.html

Installation

  • npm install silver-text

Usage

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

jsdoc 接口页面

API

  • new window.tvcnpt.SilverText(opt)

    example: 

      /**
  * constructor 构造函数
  * @memberOf SilverText.prototype
  * @param opt {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层级     默认0
  *   @param data   {Object}  text为文字内容 
  *   @param fontSize  {Number} 字体大小  默认为12px
  *   @param fontHeight  {Number} 字体行高  默认为24px
  *   @param fontColor  {string} 字体颜色
  */

  var text = new window.tvcnpt.SilverText(
          {
            left: 0,
            top: 0,
            width: 400,
            height: 298,
            zIndex: 3,
            fontSize:14,
            fontHeight:36,
            fontColor:'#333',
            data:{
                'text':'这是文本内容'
            }
      });