摘 要：应力状态是材料力学的重点内容，更是一个学生不易理解的难点内容。应力圆是理解和掌握应力状态的一个重要手段。编制绘制应力圆的专用程序，将有利于节约绘图时间并提高课堂授课效果。文章详细介绍了如何利用 HTML5 Canvas 制作交互式应力圆绘制网页程序，加深学生对利用 Canvas 绘制图形的理解，使概念抽象的应力状态知识形象化，便于学生理解和掌握相关知识，进一步增强学生对材料力学课程的兴趣和信心。
关键词：材料力学；应力状态；应力圆；HTML5 Canvas；编程
DOI:10.19850/j.cnki.2096-4706.2022.07.044
课题项目：河南省教育科学“十三五”规划 2020 年度一般课题（2020YB0079）
中图分类号：G434 文献标识码：A 文章编号：2096-4706（2022）07-0180-03
Application Research on the HTML5 Canvas in Stress State Teaching
CHEN Junqi, ZHANG Peng, XIAN Qingjun, ZHU Xiaowei
(College of Civil Engineering and Architecture, Henan University of Technology, Zhengzhou 450001, China)
Abstract: Stress state is the key content in the mechanics of materials, and it is a difficult content that students are not easy to understand. Stress circle is an important tool for understanding and mastering stress state. A particular program for making and drawing stress circles will help to save drawing time and improve teaching effect in classroom. This paper introduces how to use the HTML5 Canvas to make the interactive stress circle and draw the web program in detail, deepens students’ understanding of drawing graphics by using Canvas. It visualizes the abstract concept knowledge of stress state, which is convenient for students to understand and master the related knowledge, and further enhances students’ interest and confidence in the mechanics of materials course.
Keywords: mechanics of materials; stress state; stress circle; HTML5 Canvas; programming
参考文献：
[1] 刘鸿文 . 材料力学 [M]. 北京：高等教育出版社，2017.
[2] 刘映刚，张淑娟，高丽红，等 .VB 在二向应力状态中的应用 [J]. 山西农业大学学报（自然科学版），2004（4）：401-403.
[3] 莫江涛，王静文 . 基于 MATLAB 与 Visual C++ 实现主应力的编程求解 [J]. 湖南工程学院学报（自然科学版），2005（3）：23-26.
[4] 危洪清 . 应用 Matlab 分析三向应力状态 [J]. 科技信息（学术研究），2006（9）：72-74.
[5] 弓满锋，连海山，甘金凤，等 . 基于 VB 技术实现平面应力状态分析及其应力求解 [J]. 岭南师范学院学报，2018，39（3）：46-53.
[6] 许杨剑，阮洪势，沈倩倩，等 . 材料力学教学中的编程实践——应力状态分析 [J]. 力学与实践，2018，40（4）：446-450.
[7] 何峰，任天娇，杨松，等 . 弹性力学应力状态理论求解器开发及应用研究 [J]. 力学与实践，2021，43（1）：139-143.
[8] ADAM FREEMAN，谢廷晟，牛化成，等 .HTML5 权威指南 [M]. 北京：人民邮电出版社，2014.
[9] 武照云，鱼鹏飞，朱红瑜，等 . 基于 HTML5 的凸轮廓线图解法 App 教学软件研究 [J]. 中国教育信息化，2019（22）：85-89.
[10] 林观德 . 基于 HTML5 的 Canvas 动画设计教学的研究[J]. 现代信息科技，2021，5（2）：63-65.
作者简介：陈俊旗（1983—），男，汉族，河南郑州人，讲师，博士，研究方向：工程力学；通讯作者：张朋（1986—），男，汉族，河南南阳人，讲师，博士，研究方向：计算岩石力学。