首页 / CANVAS / 一段画对角线的canvas代码，之前没有写过canvas代码，现在记录下来

一段画对角线的canvas代码，之前没有写过canvas代码，现在记录下来

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了一段画对角线的canvas代码，之前没有写过canvas代码，现在记录下来，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含747字，纯文字阅读大概需要2分钟。

内容图文

<canvas id="other"   style="width:320px;height:320px;"></canvas>


            　　　　　　　var otherCanvas=document.getElementById(‘other‘);
            //获取真实width和height 设置到canvas的width和heightvar height=otherCanvas.offsetHeight,width=otherCanvas.offsetWidth;
            otherCanvas.width=width;
            otherCanvas.height =height;
            var context=otherCanvas.getContext("2d");
            context.lineWidth="1";//设置线的宽
            context.strokeStyle="#E8E8E8";//颜色
            context.beginPath();//开始划线
            context.moveTo(width,0);//设置起点(x,y)
            context.lineTo(width/2+16,height/2);//画线(x,y)
            context.lineTo(width,height);//画线(x,y)
            context.stroke();//生成线条
            context.font = ‘ 14px sans-serif‘;//字体
            context.fillText("*其他",16,(height/2)+8);//写入字符

最后生成如下效果技术分享

原文：http://www.cnblogs.com/dannyxie/p/5522913.html

内容总结

以上是互联网集市为您收集整理的一段画对角线的canvas代码，之前没有写过canvas代码，现在记录下来全部内容，希望文章能够帮你解决一段画对角线的canvas代码，之前没有写过canvas代码，现在记录下来所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1161113.html

来源：【匿名】