文字竖排,支持左边开始还是右边开始
2017-1-6 17:53 Friday  

分类: Javascript 标签: phpec http align 使用 spl 评论(0) 浏览(5665)


<!DOCTYPE html>
<html>
    <head>
<meta charset="utf-8">

    </head>
    <body>
<div id="content">
 可以选型以下技术
1.采集视频可以选取合适精度的硬件产品组建系统,包括汽车,摄影机,安装结构,计算机,采集编码器,供电电瓶。
2.播放系统可以分成服务器和客户端。
3.播放服务器主要进行播放的实时拼接,即混合映射相邻两摄像机视频的实时处理算法,可以使用C++语言,第三方开源图像库OpenCV
4.播放服务器响应客户端点播的视频,以及其中的播放角度需求
5.播放客户端,以浏览器实现,可以选择flash和H5相关技术,也可以选择桌面应用程序如C#

链接:http://www.phpec.org/
来源:知乎  
</div>
<hr>
<style type="text/css">
    #format{}
    #format span{display: inline-block;width: 50px;height:20px;text-align: center;}
</style>
<div id="format">
    
</div>
<script type="text/javascript">
    var content = document.getElementById("content").innerText;    
    document.getElementById("format").innerHTML = shu(content,8,"right");
    function shu(content,colNum,direction,style){
        direction = direction || "left";
        style = style || "";
        var deal = content.match(/./ug);
        var wordNum = deal.length;
        var rowNum = parseInt(wordNum/colNum)+1;
        var str = "";        
        for(var r = 0; r< rowNum;r++){
            if(direction == "left"){
                for(var c = 0; c< colNum;c++){
                    if(typeof deal[(c)*(rowNum)+r] != "undefined"){
                        str += "<span style='"+style+"'>"+deal[(c)*(rowNum)+r]+"</span>";
                    } else {
                        str += "<span style='"+style+"'>&nbsp;</span>";
                    }
                }
            } else {
                for(var c = (colNum-1); c>=0;c--){
                    if(typeof deal[(c)*(rowNum)+r] != "undefined"){
                        str += "<span style='"+style+"'>"+deal[(c)*(rowNum)+r]+"</span>";
                    } else {
                        str += "<span style='"+style+"'>&nbsp;</span>";
                    }
                }
            }
            str += "<br />";
        }
        return str;        
    }

</script>
</body>
</html>

+1 51

留下你的看法: