0.0.2 • Published 7 years ago

silver-text v0.0.2

Weekly downloads
10
License
-
Repository
-
Last release
7 years ago

silver-text

silver-text

Features

  • 样式示例:

![](https://gw.alicdn.com/tps/TB14hLmOVXXXXbIXFXXXXXXXXXX-826-288.png =400x160)

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 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':'这是文本内容' } });