草庐IT

Fabric-samples

全部标签

Fabric.js 拖放元素进画布

本文简介点赞+关注+收藏=学会了学习Fabric.js,我的建议是看文档不如看demo。本文实现的功能:将元素拖进到画布中并生成对应的图形或图片。效果如下图所示:思路要实现以上效果,需要考虑以下几点:元素有拖拽功能。能在画布中生成对应的元素。画布有可能缩放。画布有可能移动。画布的位置可能在页面的某处。在3和4情况下还能在准确的位置生成元素。基于以上几点,我得出以下解法。解1:要让HTML元素具备拖拽功能,只要将draggable属性设置为true即可。解2:Fabric.js创建元素可看《Fabric.js从入门到膨胀》的基础图形篇,要创建图片可以看图片篇。解3:缩放画布我在《Fabric.j

Fabric.js 拖放元素进画布

本文简介点赞+关注+收藏=学会了学习Fabric.js,我的建议是看文档不如看demo。本文实现的功能:将元素拖进到画布中并生成对应的图形或图片。效果如下图所示:思路要实现以上效果,需要考虑以下几点:元素有拖拽功能。能在画布中生成对应的元素。画布有可能缩放。画布有可能移动。画布的位置可能在页面的某处。在3和4情况下还能在准确的位置生成元素。基于以上几点,我得出以下解法。解1:要让HTML元素具备拖拽功能,只要将draggable属性设置为true即可。解2:Fabric.js创建元素可看《Fabric.js从入门到膨胀》的基础图形篇,要创建图片可以看图片篇。解3:缩放画布我在《Fabric.j

泊松盘采样(Poisson Disk Sampling)生成均匀随机点

当需要生成随机点且要求随机点自然均匀的分布时,使用泊松盘采样就较为适合。但该方法与统计学上的概念关联不大,这个只相当于点在面积上服从泊松分布,而实现这个结果有很多做法。 最终效果: 圆形为含半径的点,圆形的中心代表生成点 B站有一个不错的搬运教程(Bridson方法):https://www.bilibili.com/video/BV1KV411x7LM 另外Bridson文章里说蓝噪声(BlueNoise)也基于此方法生成 我做了些修改,代码如下:usingSystem.Collections;usingSystem.Collections.Generic;usingUnityEngine;

泊松盘采样(Poisson Disk Sampling)生成均匀随机点

当需要生成随机点且要求随机点自然均匀的分布时,使用泊松盘采样就较为适合。但该方法与统计学上的概念关联不大,这个只相当于点在面积上服从泊松分布,而实现这个结果有很多做法。 最终效果: 圆形为含半径的点,圆形的中心代表生成点 B站有一个不错的搬运教程(Bridson方法):https://www.bilibili.com/video/BV1KV411x7LM 另外Bridson文章里说蓝噪声(BlueNoise)也基于此方法生成 我做了些修改,代码如下:usingSystem.Collections;usingSystem.Collections.Generic;usingUnityEngine;

Azure Service Fabric 踩坑日志

近期项目上面用到了AzureServiceFabric这个服务,它是用来做微服务架构的,由于这套代码和架构都是以前同学留下来的,缺少文档,项目组在折腾时也曾遇到几个问题,这里整理如下,以供参考。我属于ServiceFabric的初学者和使用者,很多概念也都是临时学习的,我们的工程师后续会更加细致的研究它。本文仅从故障排查经验总结的角度做了一点整理,有关这个服务的详细功能,或者官方推荐的最佳实践,请参考https://docs.microsoft.com/en-us/azure/service-fabric/service-fabric-overview有两种不同的servicefabric可供

Azure Service Fabric 踩坑日志

近期项目上面用到了AzureServiceFabric这个服务,它是用来做微服务架构的,由于这套代码和架构都是以前同学留下来的,缺少文档,项目组在折腾时也曾遇到几个问题,这里整理如下,以供参考。我属于ServiceFabric的初学者和使用者,很多概念也都是临时学习的,我们的工程师后续会更加细致的研究它。本文仅从故障排查经验总结的角度做了一点整理,有关这个服务的详细功能,或者官方推荐的最佳实践,请参考https://docs.microsoft.com/en-us/azure/service-fabric/service-fabric-overview有两种不同的servicefabric可供

基于Debian搭建Hyperledger Fabric 2.4开发环境及运行简单案例

前言在基于truffle框架实现以太坊公开拍卖智能合约中我们已经实现了以太坊智能合约的编写及部署,但其工作方式注定其只能应用于有限的业务场景中。相比之下,基于超级账本的Fabric具有高可扩展性和高可定制性,能够应用在更为复杂的商业场景中,但Fabric技术涉及很多新的概念,源代码跟新速度快且各版本间兼容性差,对初学者很不友好。为了使能够快速掌握Fabric,本文基于其目前最新的2.4版本搭建了一套区块链运行环境,并在此之上部署了官方示例chaincode并对其进行交互调试,最终整个环境及示例代码能够正常运行且得出预期结果。环境搭建网上几乎所有的Fabric教程都是基于Ubuntu环境而不是W

基于Debian搭建Hyperledger Fabric 2.4开发环境及运行简单案例

前言在基于truffle框架实现以太坊公开拍卖智能合约中我们已经实现了以太坊智能合约的编写及部署,但其工作方式注定其只能应用于有限的业务场景中。相比之下,基于超级账本的Fabric具有高可扩展性和高可定制性,能够应用在更为复杂的商业场景中,但Fabric技术涉及很多新的概念,源代码跟新速度快且各版本间兼容性差,对初学者很不友好。为了使能够快速掌握Fabric,本文基于其目前最新的2.4版本搭建了一套区块链运行环境,并在此之上部署了官方示例chaincode并对其进行交互调试,最终整个环境及示例代码能够正常运行且得出预期结果。环境搭建网上几乎所有的Fabric教程都是基于Ubuntu环境而不是W

fabric2.2.网络部署

警告在执行测试项目时,多次使用并修改此文件,部分地方没有及时更新.如果问题请联系487008159更正.必看项目:fabric-samples工作目录:~/go/src/github.com/hyperledger/fabric-samples/test-network辅助脚本身份环境变量组织1env-org1.sh#!/bin/bashexportFABRIC_CFG_PATH=$PWD/../config/exportCORE_PEER_TLS_ENABLED=trueexportCORE_PEER_LOCALMSPID="Org1MSP"exportCORE_PEER_TLS_ROOTC

fabric2.2.网络部署

警告在执行测试项目时,多次使用并修改此文件,部分地方没有及时更新.如果问题请联系487008159更正.必看项目:fabric-samples工作目录:~/go/src/github.com/hyperledger/fabric-samples/test-network辅助脚本身份环境变量组织1env-org1.sh#!/bin/bashexportFABRIC_CFG_PATH=$PWD/../config/exportCORE_PEER_TLS_ENABLED=trueexportCORE_PEER_LOCALMSPID="Org1MSP"exportCORE_PEER_TLS_ROOTC