Displaying Technology of Bidirectional Text Element in SVG
Author:
  • Article
  • | |
  • Metrics
  • |
  • Reference [18]
  • |
  • Related [20]
  • | | |
  • Comments
    Abstract:

    The displaying of bidirectional text in SVG is implemented by Unicode bidirectional algorithm, but bidirectional algorithm cannot automatically generate correct results to be displayed in line with semantics in many cases, so additional settings are required. By analyzing the basic principle of bidirectional algorithm, this paper discusses several aspects of bidirectional text display prone to occur, which includes text direction determining, display positions of special characters, text reordering across tspan elements in text elements, and position changes after display direction setting. According to specific circumstances of each issue and individual differences in different browsers, figure out ways to set correctly by using specific attributes in SVG.

    Reference
    1 Ishida R. Creating SVG tiny pages in Arabic, Hebrew and other right-to-left scripts 2011, https://www.w3.org/International/tutorials/svg-tiny-bidi/.
    2 李培峰,朱巧明,钱培德.一个面向信息处理的双向文字处理算法IBidi.计算机应用,2007,6:69.
    3 Williams JL. Learning html5 Game Programming: A Hands-on Guide to Building Online Games Using Canvas, SVG, and WebGL. Addison-Wesley Professional, 2012.
    4 刘旭.Chrome V8引擎中的JavaScript数组实现分析与性能优化.计算机与现代化,2014,(10):66-70.
    5 周琳,孔雷,赵方庆.生物大数据可视化的现状及挑战.科学通报(中文版),2015,60(5/6):547-557.
    6 杨阳.微博内容的采集、分析及其可视化研究[硕士学位论文].大连:大连理工大学,2015.
    7 杨立法.基于SVG的Google用户地图文本标注方法.昆明理工大学学报(自然科学版),2014,39(5):21-25.
    8 Ishida R, Lanin A. Inline markup and bidirectional text in HTML. https://www.w3.org/International/articles/inline-bidi-markup/. 2014.
    9 Consortium U. Unicode bidirectional algorithm. http://unicode.org/reports/tr9/. 2015.
    10 Bettels J, Bishop FA. Unicode: A universal character code. Digital Technical Journal, 1993, 5(3): 21-31.
    11 Davis M. Unicode bidirectional algorithm. Unicode Standard Annex, 2008, 9
    12 Ishida R. Unicode bidirectional algorithm basics 2013, https://www.w3.org/International/articles/inline-bidi-markup/uba-basics.
    13 买买提依明·哈斯木,吾守尔·斯拉木,维尼拉·木沙江,等. 基于统计专用字符的维、哈、柯文文种识别研究.中文信息学报,2015,29(2):111-117.
    14 陈鸽,王廷梅,赵玮.一种新的维汉英混排文本显示模型的设计.硅谷,2012,(16):53-53.
    15 Dürst M, Freytag A: Unicode in XML and other markup languages. Unicode Technical Report. 2002.
    16 张梅静.基于Android平台的双向文本编辑及显示[硕士学位论文].成都:西南交通大学,2013.
    17 Bellamy-Royds A, Cagle K. SVG Text Layout: Words as Art . O'Reilly Media, Inc., 2015.
    18 Network MD. unicode-bidi-CSS-MDN. https://developper. mozilla.org/en-US/docs/Web/CSS/unicode-bidi. 2016.
    Cited by
    Comments
    Comments
    分享到微博
    Submit
Get Citation

刘旭.双向文本元素在SVG中的显示技术.计算机系统应用,2017,26(4):246-251

Copy
Share
Article Metrics
  • Abstract:1847
  • PDF: 2684
  • HTML: 0
  • Cited by: 0
History
  • Received:July 20,2016
  • Revised:September 08,2016
  • Online: April 11,2017
Article QR Code
You are the first1094942Visitors
Copyright: Institute of Software, Chinese Academy of Sciences Beijing ICP No. 05046678-3
Address:4# South Fourth Street, Zhongguancun,Haidian, Beijing,Postal Code:100190
Phone:010-62661041 Fax: Email:csa (a) iscas.ac.cn
Technical Support:Beijing Qinyun Technology Development Co., Ltd.

Beijing Public Network Security No. 11040202500063