canvas绘图工具

Mermaid流程图

环境mermaid绘制流程图举例最简单的案例不同的节点子流程图自定义样式一个完整的案例markdown也可以绘制mermaid流程图总结mermaid简介Mermaid是一个基于JavaScript的绘图工具
hhh江月·2024-01-22 16:22

jsPDF的常规使用

获取需要转换为PDF的元素constelement=document.getElementById("pdf-content");//创建jsPDF对象constpdf=newjsPDF();//将元素转换为canvas
会爬虫的小蟒蛇·2024-01-22 15:58

Leaflet加载天地图

varmap=L.map('map',{preferCanvas:true,crs:L.CRS.EPSG4326,minZoom:3,maxZoom:20,center:[29.563761,106.550464
liuccn·2024-01-22 13:32

canvas绘制六芒星

查看专栏目录canvas实例应用100+专栏，提供canvas的基础知识，高级动画，相关应用扩展等信息。
还是大剑师兰特·2024-01-22 12:07

架构绘图工具大全

本文介绍9个绘制软件架构图的画图工具，并附有安装链接或网址，助你提高生产力！软件架构工具可分为三类：建模工具、代码图表和画图工具。画图工具最适合在交谈和实验想法时进行快速草图。通过绘制软件架构图的方式，可以更有效地传达系统的复杂性，带来许多优势。清晰的系统设计可以帮助工程团队更好地理解架构，来规划未来的开发，同时也能够识别潜在的问题。1http://Diagrams.net安装链接：https:/
和Ye哥学架构·2024-01-22 12:48

使用OpenCV绘制图形

使用OpenCV绘制图形绘制黄色的线：#绘制一个黑色的背景画布canvas=np.zeros((300,300,3),np.uint8)#在画布上，绘制一条起点坐标为(150,50)、终点坐标为(150,250
神奇的布欧·2024-01-22 11:09

python canvas画弧度_Python 小技之繁花曲线

前几天逛朋友圈的时候，无意间刷到同学这样一条内容：朋友圈截图不知道大家有没有眼熟的感觉，反正是勾起了我不少回忆。这种叫做“万花尺”的小玩意儿小时候应该不少人都玩过。一个大圆套一个小圆，圆与圆之间通过齿轮啮合在一起。只需选中一个点，拿一支笔随着圆移动，就可以画出各种复杂的曲线，不同的曲线又可以进一步呈现出奇妙的图形。并且换用不同颜色的笔芯还可以使得图形更加丰富多彩(如上图所示)。这种图形还有一个更加
weixin_39528219·2024-01-22 11:09

基于CanvasLabel的Leaflet矢量数据免切片属性标注实践

目录前言一、Leaflet.CanvasLabel1、开源地址2、设置参数说明二、组件集成1、新建html文件2、声明样式3、定义矢量文本渲染器4、定义地图5、添加矢量数据6、最终效果总结前言在一般的业务场景中
夜郎king·2024-01-22 10:15

ToLua或XLua中的虚拟机是否独立于Unity的主线程

1）ToLua或XLua中的虚拟机是否独立于Unity的主线程2）Timeline技能编辑器提取关键帧信息3）CanvasAdditionalShaderChannels设置无效4）SDK返回的时候取Time.deltaTime
侑虎科技UWA·2024-01-22 09:22

openlayer在地图上渲染图标无法操作地图问题

但会有一个问题，那就是当鼠标移入到该图标上后，就无法操作地图了，无论是双击放大、滚轮缩放、鼠标拖动地图这些都会失效，起因是当前鼠标作用到了overlay所在的dom盒子上去了，没有作用到地图所在盒子的canvas
我有柚子茶噢·2024-01-22 07:34

解决python matplotlib绘图报错AttributeError: module ‘backend_interagg‘ has no attribute ‘FigureCanvas‘

解决方法绘图前导入如下importmatplotlibmatplotlib.use('TkAgg')
呆萌的代Ma·2024-01-22 05:18

Fabric.js 自由绘制圆形

file思路Fabric.js默认的框选操作是矩形，如果需要做到上图的效果，需要做以下3步：点击画布时canvas.on('mouse:down',fn)，创建一个圆形。
德育处主任·2024-01-22 04:56

小程序Canvas生成海报并保存相册分享及注意事项

工作中接触到生成海报的功能机率应该很大，我这不刚完成了一个，效果如下：image.png我们的功能是，已进入页面就生成一张海报，然后长按海报保存相册功能不算复杂，下面就分步介绍实现方法，及注意事项001由于小程序挂载在微信，自身体积是从始至终需要控制的，体积越小，体验也越好；所以把图片都放在服务器中获取，可是为了不影响页面渲染速度，需要提前布局把图片预先缓存起来，图片缓存也是优化的重点，wx.se
chen_abu·2024-01-22 01:21

CMPT 300、Operating Systems、c/c++、C++Haskell|Java

CreateSimpleYetFunctionalFileSystemCMPT300–OperatingSystemsPleasesubmitazipfolderwiththefollowingnamingconventionstocanvas
mosemang·2024-01-21 22:12

html 会跳舞的时间动画特效

下面是是代码：HTML5Canvas实现会跳舞的时间动画DEMO演示*{margin:0;padding:0;list-style:none;border:none;}#zzsc{width:920px
yuwenduo123·2024-01-21 21:43

vue实现雪花飘落特效

可以使用HTML5canvas元素来实现雪花飘落的动画效果。你可以在canvas中绘制雪花的图形，然后使用JavaScript实现动画效果。
任我心意·2024-01-21 19:52

自定义View学习网址

抛物线HenCoder的8篇自定义View1-1绘制基础1-2Paint详解1-3drawText()文字的绘制1-4Canvas对绘制的辅助clipXXX()和Matrix1-5绘制顺序1-6属性动画
Thor_果冻·2024-01-21 19:18

Android进阶之自定义View原理(三)View的绘制流程

并举例说明了这两个知识点的具体应用，本篇我们继续从源码入手看看View的绘制流程，与测量和布局流程，View的绘制过程要简单一些，主要流程如下:View绘制流程图.png（一）View的draw流程源码分析:/***作用：根据给定的Canvas
kakaxicm·2024-01-21 17:03

WebGL 的 Hello World

四种常用的页面绘图工具关于h5页面的图形绘制，我们大多谈及的是这四种工具：html+css，svg、canvas2d、webgl。
凹凸实验室·2024-01-21 14:03

vue之原生上传图片加水印并压缩图片大小

这里写目录标题安装相应插件封装添加水印的方法上传图片，回显图片安装相应插件npmi-Scompressorjsnpmi-Shtml2canvas封装添加水印的方法importCompressorfrom"compressorjs
一朵野花压海棠·2024-01-21 12:59

小程序canvas绘制图片新版没有白边

wxml新版跟旧版的区别，旧版本可参考旧版画布迁移指南进行迁移使用canvas加载图片的时候，新版使用的是img.onload加载图片，绘制的时候会先绘制文字，然后再绘制图片，导致图片盖住了文字，在这里踩了坑记录下
小_辉·2024-01-21 10:10

小程序中使用echarts实现带边框雷达图

之后没有发现怎么去实现这个边框，所以想到了画两个雷达图来实现这个边框，具体效果如上，代码如下//初始化雷达图init(){let{optionsValue}=this.data;functionbar(canvas
小_辉·2024-01-21 10:30

OpenHarmony开发之WebGL开发指导与介绍

目前OpenHarmony中使用的WebGL是基于OpenGL裁剪的OpenGLES，可以在HTML5的canvas元素对象中使用，无需使用插件，支持跨平台。
码中之牛·2024-01-21 10:21

html Canvas粒子文字特效

代码有点长，下面是代码：HTML5Canvas粒子效果文字动画特效DEMO演示?
yuwenduo123·2024-01-21 08:19

vue中使用echarts地图

echarts是生成了canvas标签。这篇文章主要介绍echarts地图的使用，直接上代码！
做一条咸鱼·2024-01-21 04:48

Android Canvas的drawText()和文字居中方案

自定义View是绘制文本有三类方法：//第一类publicvoiddrawText(Stringtext,floatx,floaty,Paintpaint)publicvoiddrawText(Stringtext,intstart,intend,floatx,floaty,Paintpaint)publicvoiddrawText(CharSequencetext,intstart,intend
蹲街式等待·2024-01-21 01:00

【记账本实战】07 记账本实战之登录注册页面(2)

记账本实战之登录注册页面(2)目录记账本实战之登录注册页面(2)前言登录注册页面表单组件的完善图形验证码组件制作修改之前的错误的代码axios容错处理总结前言在本篇教程中，我们将会来完善登录和注册页面，并通过canvas
凌云(mlinyun)·2024-01-21 00:33

canvas能压缩图片？

这篇简单说一下使用canvas压缩图片其实思路很简单，我们选择了图片之后，会获取到对应的文件流对象，然后我们将这个文件流再转为图片，然后使用canvas将这个图片画出来，最后调用canvas.toDataURL
会说法语的猪·2024-01-20 22:22

Python——turtle库笔记①

概述海龟绘图是对最早在Logo中引入的受欢迎的几何绘图工具的实现，它由WallyFeurzeig,SeymourPapert和CynthiaSolomon在1967年开发。
角砾岩队长·2024-01-20 21:45

在微信小程序中使用 ECharts

EChartsecharts-for-weixin并提供的了使用示例使用方式还是熟悉的ECharts的配置方案，只要自己option或者完整的将浏览器端的option迁移到小程序端即可使用方法引入组件ec-canvas
不做秃顶的程序猿·2024-01-20 20:06

基于Vue+Canvas实现的画板绘画以及保存功能，解决保存没有背景问题

基于Vue+Canvas实现的画板绘画以及保存功能本文内容设计到的画板的js部分内容来源于灵感来源引用地址，然后我在此基础上，根据自己的需求做了修改，增加了其他功能。
悠然青年帅·2024-01-20 16:58

编辑顶点

1.位置：绘图工具->编辑形状->编辑顶点图1.1或右键选择图片->编辑顶点图1.22.功能：当处在编辑顶点状态时，在图形边界处右键会出现如下选项：图2.1在图形顶点处右键会出现如下选项：图2.22.1
过气海豹·2024-01-20 13:26

HTML Canvas粒子模拟效果

代码如下：HTML5Canvas粒子模拟效果DEMO演示html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre
yuwenduo123·2024-01-20 10:05

html爱心跳动代码

废话不多说下面是代码：NewDocumenthtml,body{height:100%;padding:0;margin:0;background:#000;}canvas{position:absolute
yuwenduo123·2024-01-20 10:35

10款炫酷的html5动画特效附源码,10款炫酷的HTML5动画特效，附源码

1、HTML5Canvas粒子模拟效果这是一款利用HTML5Canvas模拟出来的30000个粒子动画，当你用鼠标在canva
Ada-苏婉妤·2024-01-20 10:04

three.js从入门到精通系列教程002 - three.js正交相机OrthographicCamera

three.js从入门到精通系列教程002-three.js正交相机OrthographicCamera/*varrenderer=newTHREE.WebGLRenderer({//创建渲染器对象//canvas
smartsmile2012·2024-01-20 09:13

轮子不用自己造，看看我之前的推荐7款免费开源、简单好用、强大的 Vue 插件库/组件

lucky-canvas是一个基于Js+Canvas的抽奖web前端组件，提供大转盘和九宫格两种抽奖界面，UI精美，功能强大且专业可靠，只需要通过简单配置即可实现自由定制，快速完成产品需求。
那些免费的砖·2024-01-20 09:01

分享几款节日实用前端动画特效（附效果图及在线预览）

分享7款有趣也实用的前端动画特效其中有CSS动画、canvas动画、js小游戏等等下方效果图可能不是特别的生动那么你可以点击在线预览进行查看相应的动画特效同时也是可以下载该资源的canvas情人节动画特效基于
迂 幵·2024-01-20 07:48

vue项目展示pdf文件

记录贴最近我有个需求,就是在h5页面上展示pdf文件,分页,最后一页有个蒙层阴影渐变的效果,尝试过一些插件,但都不是很好用,最后用了pdfjs-dist加上canvas可以看下效果先下载:npmipdfjs-dist
Miss Stone·2024-01-20 07:45

小程序识别带多个参数二维码进入商品详情

首先，要生成带参数的二维码，然后你把这个二维码放到海报上，canvas绘制海报的方法在我之前的博文里已经写过，不清楚的可以翻看一下：//获取海报商品二维码getQCoder:function(){varthat
凯哥Java·2024-01-20 05:29

贝塞尔曲线（Bezier Curve）原理、公式推导及matlab代码实现

一般的矢量图形软件通过它来精确画出曲线，贝兹曲线由线段与节点组成，节点是可拖动的支点，线段像可伸缩的皮筋，我们在绘图工具上看到的钢笔工具就是来做这种矢量曲线的。
beijing_txr·2024-01-19 22:46

QML ＜4＞ Tableview 自定义表格显示 delegate FontAwesome Canvas

QMLTableview自定义表格显示delegateFontAwesomeCanvas前言基于QMLTableView的自定义表格显示，表格实现内容参考网易云音乐如下图所示：参考实现功能自定义表格实现如下
风莫寻·2024-01-19 21:22

canvas绘制运动的圆

代码实现：Document//半径varradius=50;//是否放大varincrease=true;//radius50falsetrue++false--//2.获取canvas画布constcanvas
Ian1025·2024-01-19 16:08

UniApp 页面输入内容canvas生成图片保存本地

UniApp页面输入内容canvas生成图片保存本地需求：页面输入内容，点击生成图片按钮，利用canvas绘制出一张图片并且保存下来。
UTFgang8·2024-01-19 11:28

uniapp：微信小程序uni.canvasToTempFilePath()，报错：canvasToTempFilePath: fail canvas is empty

错误原因：生成海报为了方便调用，将canvas封装在了子组件中。
sunly_·2024-01-19 11:28

uniapp 微信小程序绘制canvas,保存canvas为图片到手机/本地

uniappstyle="position:absolute;width:750px;height:1334px;left:9999rpx;">保存图片jswriteCanvas(){varthat=this
来自喵星·2024-01-19 11:58

uniapp中canvas将矩形图片绘制成圆形图片以及保存canvas到手机

废话不多说直接上代码本次是在uniapp中操作的但是canvas都一样前提是你已经赋予了canvas宽高了//先获取你的canvasletctx=uni.createCanvasContext('myCanvas
周不会前端·2024-01-19 11:25

uniapp项目h5平台使用canvas压缩图片后上传

1.调用uni.chooseImage(OBJECT)选择图片（官网介绍：https://uniapp.dcloud.io/api/media/image）；2.然后调用uni.getImageInfo(OBJECT)获取图片信息（官网介绍：https://uniapp.dcloud.io/api/media/image）；3.根据获取到的图片宽高创建画布，可设置画布最大宽度；4.将图片画到can
T-wyt·2024-01-19 11:55

uniapp踩坑（三）：调用原生高德地图API，展示路线和marker，以及绘制行政区域边界，并用html2canvas截图分享到微信（一）

在vue中调用原生高德地图（html页面和js文件），展示路线和marker，以及行政区域边界一、需求及问题1、uniapp中其实已经封装好了map组件，基本的功能都可实现，但我这边需要一个暗黑色的地图，并且要展示行政区域边界信息，如下图所示，在uniapp官网找了一遍，没找到解决方案，于是我就看了原生高德地图api，发现可以实现修改地图的样式。高德官方地址：https://lbs.amap.co
HHYi·2024-01-19 11:54

uniapp踩坑之项目：canvas第一次保存是空白图片

在ctx.draw()回调生成图片，参考canvasToTempFilePath接口文档//dataimgFilePath:null,//缓存二维码图片canvas路径//js//首先在draw（）里进行本地存储
意初·2024-01-19 11:53
上一页 7 8 9 10 11 12 13 14 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他