微信小程序利用canvas实现六边形蜘蛛图

jarisMA

于 2019-08-27 18:02:09 发布

阅读量985

点赞数

分类专栏：微信小程序 canvas js

本文链接：https://blog.youkuaiyun.com/jarisMA/article/details/100105658

版权

本文介绍如何在微信小程序中利用canvas组件绘制六边形蜘蛛图，包括.wxml和.js文件的编写，以及最终实现的效果展示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

微信小程序利用canvas实现六边形蜘蛛图

发布时间：2018-01-24 14:30:29

1、.wxml

<canvas style="width: 200px; height: 200px;" canvas-id="firstCanvas"></canvas>

2、.js

const app = getApp();
Page({
   
  //事件处理函数
  canvasIdErrorCallback: function (e) {
   
    console.error(e.detail.errMsg)
  },
  onReady: function (e) {
   
    hexagon({
   
      element: 'firstCanvas',
      x: 100,
      y: 100,
      maxR: 65,
      color: '#ffffff',

最低0.47元/天解锁文章