The Journal of China Universities of Posts and Telecommunications ›› 2019, Vol. 26 ›› Issue (6): 43-53.doi: 10.19682/j.cnki.1005-8885.2019.1025

• Networks • Previous Articles     Next Articles

Design and implementation of web-based dynamic geometry drawing technology

Guan Hao, Rao Yongsheng, Xu Zhangtao   

  1. 1. Chengdu Institute of Computer Application, Chinese Academy of Sciences, Chengdu 610041, China
    2. University of Chinese Academy of Sciences, Beijing 100049, China
    3. Institute of Computing Science and Technology, Guangzhou University, Guangzhou 510006, China
    4. School of Mathematics and Statistics, Central China Normal University, Wuhan 430079, China
  • Received:2018-08-22 Revised:2019-12-05 Online:2019-12-31 Published:2020-03-10
  • Contact: Rao Yongsheng, E-mail:
  • About author:Rao Yongsheng, E-mail:
  • Supported by:

    This work was supported by the Sichuan Science and Technology Program (2018GZDZX0041), the National Key R&D Program of China (2018YFB1005100, 2018YFB1005104) and Specialized Fund for Science and Technology Platform and Talent Team Project of Guizhou Province (QianKeHePingTaiRenCai [2016] 5609).


Dynamic geometry software, as a piece of computer-assisted instruction (CAI) software, is closely and deeply associated with mathematics, and is widely applied to mathematics teaching activities in primary and secondary schools. Meanwhile, web technology also has become an important technology for assisting education and teaching. This paper expounds a web-based dynamic geometry software development process, and analyses specific requirements regarding graphical application programming interface (API) required by dynamic geometry software. With experiments and comparison on the two different hypertext markup language (HTML) 5 graphical API technologies, i. e. , scalable vector graphics (SVG) and Canvas, on different apparatuses and browsers, we draw the conclusion that it is more suitable to adopt Canvas as the graphical API technology for the web-based dynamic geometry software, thus further proposed the principles and methods for an object-oriented Canvas design. The dynamic geometry software based on the newly-designed Canvas has technical advantages and educational value, well incorporating aesthetic education into mathematics education.

Key words:

web, Canvas, dynamic geometry, subject tools

CLC Number: