CanvasPath2D对象与绘制文本

最新推荐文章于 2024-07-19 23:42:48 发布

华惜

最新推荐文章于 2024-07-19 23:42:48 发布

阅读量754

点赞数 1

文章标签： canvas js html5

本文链接：https://blog.csdn.net/weixin_44966759/article/details/108735710

版权

Path2D对象

Path2()

Path2()可使用最新版本的浏览器中的对象来缓存或记录这些绘图命令。您可以快速播放路径。

Path2D()构建函数返回一个新实例化的Path2D对象任意的与另一条路径作为参数（创建一个副本）或任选的用有一串svg路径数据

new Path2D();     //空路径对象
new Path2D(path); // 从另一个Path2D对象复制
new Path2D(d);    // SVG路径数据中的路径

实例演示：

创建一个矩形和一个圆两者存储为path2D对象，以便以后使用

  
<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
   
</head>

<body onload="draw();">
    <canvas id="canvas" width="400" height="400"></canvas>
</body>
 <script type="application/javascript">
function draw() {
    
  var canvas = document.getElementById('canvas');
  if (canvas

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

华惜

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
CanvasPath2D对象与绘制文本

Path2D对象Path2()Path2()可使用最新版本的浏览器中的对象来缓存或记录这些绘图命令。您可以快速播放路径。Path2D()构建函数返回一个新实例化的Path2D对象任意的与另一条路径作为参数（创建一个副本）或任选的用有一串svg路径数据new Path2D(); //空路径对象new Path2D(path); // 从另一个Path2D对象复制new Path2D(d); // SVG路径数据中的路径实例演示：创建一个矩形和一个圆两者存储为path2D对象，以
复制链接

扫一扫