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 接口页面

• https://g.alicdn.com/silvermine/silver-text/0.0.1/doc/SilverText.html

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 fontAlign  {string} 字体对齐方式(left center right) 默认left
    *   @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':'这是文本内容'
    		  }
    	});