ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

canvsjTopo

2022-02-22 09:34:51  阅读:185  来源: 互联网

标签:canvas jTopo 默认值 渲染 canvsjTopo 上下文 绘制


<canvs>是HTML5新增的,通常使用JavaScript在其中绘制图像的HTML元素。
<canvs>只有两个可选属性width、height(width的默认值为300px,height默认值为150px)。使用css设置宽高时,如果和初始比例不一致,会出现扭曲。
<canvs>会创建一个固定大小的画布,公开一个或多个渲染上下文(画笔),使用渲染上下文来绘制和处理要展示的内容,重点在2D渲染上下文。

var canvas = document.getElementById('canvas')
if(canvas.getContext){	//检测支持性
  var ctx = canvas.getContext('2d')	//获得2d上下文对象
}
  1. 绘制栅格和坐标空间;
  2. <canvs>只支持一种原生图形 - - 矩形,所有其他图形至少需要生成一种路径,拥有众多路径生成的方法让复杂图形的绘制成为了可能,例如三角形、圆弧;
  3. 绘制图片
  4. 动画


[jTopo](http://www.jtopo.com/index.html)(JavaScript Topology library)是完全基于HTML5 Canvas的关系、拓扑图形化界面开发工具包。
看jTopo的官方的API文档可知,jTopo有6个核心对象: 5. Stage 6. Scene 7. Node 8. Link 9. Container 10.Effect.Animate

标签:canvas,jTopo,默认值,渲染,canvsjTopo,上下文,绘制
来源: https://blog.csdn.net/programmeruse/article/details/123045036

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有