CANVAS

在SpringBoot中基于CanvasLabel的地震基础信息展示实践

访问层及实体定义2、Service层实现3、控制层实现三、地震信息展示1、展示数据接入2、最终效果总结前言在上一篇博客中，对于在Leaflet中进行矢量数据进行中文自动标注的实现进行了深入的介绍，基于CanvasLabel
夜郎king·2024-02-02 02:50

html - 页面内的某个区域(div)进行截图

前置条件：html2canvas.min.jshtml2canvas(document.getElementById('要截图区域的divId'),{backgroupColor:"transparent
zz--1111·2024-02-02 01:43

cesium-场景出图场景截屏导出图片或pdf

cesium把当前的场景截图，下载图片或pdf安装npminstallcanvas2image--savenpmijspdf-S如果安装的插件Canvas2Image不好用，可自建jsCanvas2Image.js
醉书生ꦿ℘゜এ·2024-02-02 01:39

Flutter canvas 画一条会动的波浪线 进度条

之前用FlutterCanvas画过一个三角三角形，html的Canvas也画过一次类似的，今天用FlutterCanvas试了下感觉差不多：html版本大致效果如下：思路和html实现的类似：也就是找出点的位置
nicepainkiller·2024-02-01 22:04

fabric.js 将多选的元素组合

示例代码如下：varcanvas=newfabric.Canvas('canvas');//创建三个矩形varrect1=newfabric.Rect({left:100,top:100,width:50
耄先森吖·2024-02-01 20:34

Fabric.js组合图形

,body{margin:0;padding:0;}.container{height:100%;width:100%;border:1pxsolidgreen;position:fixed;}varcanvas
wenhuixl·2024-02-01 20:33

Fabricjs使用Group实现组合对象

场景Fabricjs一个简单强大的Canvas绘图库快速入门：Fabricjs一个简单强大的Canvas绘图库快速入门_BADAO_LIUMANG_QIZHI的博客-CSDN博客在上面的基础上，可以实现在画布上添加对象
霸道流氓气质·2024-02-01 20:32

果冻跳跃&

www.ormcc.com/play/gameStart/265htmlcssbody{background:#fff;color:#cccccc;margin:0px;padding:0px;border:0px;}canvas
程序小院·2024-02-01 20:17

Vue组件中使用canvas实现蜂巢效果的一些尝试

Vue组件中使用canvas实现蜂巢效果的一些尝试 前段时间，看到D3.js的官方网站的蜂巢效果，感觉不错，不过一直没有时间去实际的实现下，借这次机会，算是填了前面的坑~~，先来看看d3.js的效果图：
lookingForw_4585·2024-02-01 17:03

李峋的跳动爱心代码（python）

运行效果代码："""@author:AthenaGeng"""importrandomfrommathimportsin,cos,pi,logfromtkinterimport*CANVAS_WIDTH
了一li·2024-02-01 10:25

微信小程序使用echarts绘画动态图表

/echarts/ec-canvas/echarts';,json文件也要引入；图表需要
薛洋不吃糖·2024-02-01 08:49

uniapp 使用canvas 画海报，有手粘贴即可用

html部分下载海报js部分drawBackground(){constcanvasId='myCanvas'constctx=uni.createCanvasContext(canvasId,this
艾米家的猫儿（傻钢）·2024-02-01 07:26

web应用课——（第三讲：JavaScript常用库）

、setTimeout与setInterval三、requestAnimationFrame四、Map与Set五、localStorage六、JSON七、日期八、WebSocket九、window十、canvas
大小胖虎·2024-02-01 06:40

高级H5canvas语法用运

**canvas画布**-用于绘制图像，本身不具备绘制能力，需要通过脚本来完成绘画，通常这个脚本就是javascript-canvas的默认宽高为300*150，不同通过css或行内样式修改它的宽高，它有自己的宽高属性
MY代码世间·2024-02-01 04:28

vue 截图转base64转图片文件file

{{greeting}}改变颜色importhtml2canvasfrom'html2canvas'import*asLfrom'leaflet';import'leaflet/dist/leaflet.css
汪小敏同学·2024-02-01 01:58

基于html5贪吃蛇小游戏,使用HTML5 Canvas制作贪吃蛇小游戏

按理说canvas与其应用是老生常谈了，可我在准备阶段却搜索不到有用的资料(不是代码！)，所以说呢，只能自力更生.首先是大致要考虑的东西：1.要有蛇(没蛇怎么叫贪吃蛇)。
致寿有道·2024-01-31 23:34

支持段落的 TextView

准备知识点根据上述的实现思路我们需要准备下面的知识点：canvas.drawText(x,y)的位置问题：首先x值，有两种：当你的Paint设置为myPaint.setTextAlign(Pa
张鹿鹿·2024-01-31 22:25

javascript+canvas实现简单的柱状图

这篇文章主要为大家详细介绍了JavaScript如何利用Canvas实现绘制简单的柱状图,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下笔者之所以想要深入了解Canvas，是因为最近几次的实习部门都属于
胡西风_foxww·2024-01-31 20:10

Cocos Creator 3.8:如何根据类名获取对应的组件类

文章目录小众需求：配置文件：json小众需求：配置文件：json{"nodes":[{"name":"/Canvas-002/Mysprite","component":"cc.Sprite","properties
HadesNyx·2024-01-31 17:50

Unity UGUI源码解析(一) EventSystem

一.引言当我们在Unity中创建一个Canvas时,编辑器会默认给我们创建一个EventSystem,其上有两个组件EventSystem和StandaloneInputModule如下图那EventSystem
IMBA鑫鑫·2024-01-31 11:14

Unity UGUI Selectable部分源码浅析

privatereadonlyListm_CanvasGroupCache=newList();protectedoverridevoidOnCanvasGroupChanged(){//判断父节点中是否允许交互
红黑色的圣西罗·2024-01-31 11:09

cad信息在Gis中加载

参考：javaScript【CAD转jeojson数据在canvas绘制】_cad迷你看图导出json-CSDN博客【gis数据】如何将CAD数据转换为shp、geojson,且转为经纬度坐标数据_cad
Steven Hank·2024-01-31 07:17

【微信开发】原生小程序开发实现画布canvas-2d签字

分享一个原生小程序开发实现画布canvas-2d签字的经验。（太搞了，官网里面太多东西没有）画布更新后，方法什么的全是和Web一样的了。（最后搞了很久，到处看。）
飞行鱼FlyingFish·2024-01-30 23:08

【微信小程序】设置画布字体

得将属性设置写在fillText的前面，否则不起作用varcontext=wx.createCanvasContext('canvas')context.setFontSize(10);//设置字体大小
三一.·2024-01-30 23:38

微信小程序canvas画布如何解决在for循环绘制图像显示不全的问题

如下所示，在for循环中绘制图像，由于onload函数加载图像是异步执行，会导致显示不全所有图片的问题。for(vara=0;a{ctx.drawImage(el,0,h,image_w,image_h)}}可以将异步执行过程通过promise变为同步执行，但此方法相对复杂。可以在第一个for循环中保存img对象，然后单独增加一个for循环加载图片，如下所示：varimage=[]for(vara
句号（在IT行业摸爬滚打）·2024-01-30 23:08

（第39册）《微信小程序游戏开发快速入门到实战》夏敏捷著

全书分三篇，基础篇对微信小程序的框架文件、微信小程序逻辑层和视图层、微信小程序组件进行详细介绍，包括JavaScript编程语言基础、WXML、WXSS和组件的使用，尤其重点学习与游戏绘图相关Canvas
xiamin·2024-01-30 21:10

canvas截取视频第一帧

varcut=function(){letcanvas=document.createElement("canvas");//创建画布canvas.width=video.videoWidth*scale
程序猿吴彦祖·2024-01-30 21:45

flutter 五点一点四：MaterialApp Theme 给你一堆颜色看看

Asetof30colorsbasedonthe[Materialspec]thatcanbeusedtoconfigurethecolorpropertiesofmostcomponents.ColorcanvasColor
魑魅魍魉都是鬼·2024-01-30 20:01

前端canvas的基础使用

一、介绍前端中的Canvas是一种用于在网页上绘制图形的HTML元素。它提供了一个可以通过JavaScript进行绘制的2D绘图环境。
余生tt·2024-01-30 18:07

OpenGLRenderer: Bitmap too large to be uploaded into a texture 的原因简析

当图片是本杝的，用来当背景图这类）2.使用第三方图片库，对图片使用缩压处理View的渲染与OpenGLRenderer的关系ImageView或其它View的子类的渲染是使用了android.graphics.Canvasandroid.graphi
喜欢踢足球的老罗·2024-01-30 17:18

Flutter CustomPainter 属性介绍与使用

它包含了一个paint方法，该方法接收一个Canvas对象，可以在上面进行绘制操作。为了使用CustomPain
Zender Han·2024-01-30 11:02

Flutter Canvas 属性详解与实际运用

在Flutter中，Canvas是一个强大的绘图工具，允许我们以各种方式绘制图形、文字和图像。了解Canvas的属性是开发高度定制化UI的关键。
Zender Han·2024-01-30 11:59

如何在React项目中使用ECharts图表库

但事实上，如果单纯的依靠Html5Canvas想要快速地创建简洁，美观，炫酷的可视化作品难度极大且可维护性差。
千锋HTML5大前端·2024-01-30 10:03

[深入19] 手写Promise

http缓存机制）[深入08]前端安全[深入09]深浅拷贝[深入10]DebounceThrottle[深入11]前端路由[深入12]前端模块化[深入13]观察者模式发布订阅模式双向数据绑定[深入14]canvas
woow_wu7·2024-01-30 09:09

Android Canvas图层saveLayer剪切clipRect原图对应Rect区域，Kotlin（1）

AndroidCanvas图层saveLayer剪切clipRect原图对应Rect区域，Kotlin（1）上面一个ImageView，下面一个ImageView，两个ImageView同等大小。
zhangphil·2024-01-30 06:11

图片裁剪，仿淘宝搜图类似裁剪

importandroid.annotation.SuppressLint;importandroid.content.Context;importandroid.graphics.Bitmap;importandroid.graphics.Canvas
puyaCheer·2024-01-30 06:02

Canvas可以画出任何你想要的效果

/今日科技快讯/5月22日，“饿了么”网上订餐隶属的上海拉扎斯信息科技有限公司，就此前不正当竞争向“美团”隶属的北京三快科技有限公司发表道歉声明。其称今后的经营活动中将避免再次出现侵害第三方公司合法权益的行为。/作者简介/本篇文章来自猛猛的小盆友的投稿，分享了Android中的高级UI处理，相信会对大家有所帮助！同时也感谢作者贡献的精彩文章。猛猛的小盆友的博客地址：https://juejin.i
郭霖_·2024-01-30 06:28

Android画布Canvas裁剪区域clipRect，Kotlin

Android画布Canvas裁剪区域clipRect，Kotlin只需要把clipRect放在Android系统的super.onDraw之前，就只绘制“剪切”出来的区域。
zhangphil·2024-01-30 06:56

【CanvasKeyFrames - HTML5 Canvas 图片序列帧播放工具】

前言一、CanvasKeyFrames是什么？用来做canvas动画的工具。
Min_Fox·2024-01-30 06:43

2024 新年HTML5+Canvas制作3D烟花特效（附源码）

个人名片：作者简介：一名大三在校生，喜欢AI编程‍❄️个人主页：落798.个人WeChat：hmmwx53️系列专栏：️零基础学Java——小白入门必备重识C语言——复习回顾计算机网络体系———深度详讲HCIP数通工程师-刷题与解析微信小程序开发——实战开发每日一句：我很忙，但我要忙的有意义！文章目录烟花祝福源码欢迎添加微信，加入我的核心小队，请备注来意烟花祝福2024新年之际即将到来，今天教大家
落798.·2024-01-30 06:09

canvas动态设置宽高

canvas的默认宽高为宽300px高150px如果在style里修改宽高相当于对canvas做放大而为了不影响效果我们正常显示需要怎么办呢？
关忆北_·2024-01-30 06:19

JS获取鼠标在元素内的相对坐标

canvas.onmousemove=function(e){varrect=canvas.getBoundingClientRect();canvas.title=parseInt(e.x-rect.x
海天鹰·2024-01-30 01:34

Flutter开发进阶之Canvas

Flutter开发进阶之Canvas在Flutter开发中Canvas作为一个绘制2D图形的工具，提供了一系列绘图方法，可以用来绘制各种形状、线条、文本和图像等；Canvas对象是作为CustomPainter
Kevin写代码·2024-01-29 21:51

vue中使用 canvas给页面添加水印

封装公共添加水印的方法://utils/watermark.js/**入参：@text:传入水印需要展示的文本;@renderDom:要给哪个元素加水印，默认body；*/varwatermark={}varsetWatermark=function(text,renderDom=document.body){varid='1.23345566.3333344';if(document.getEl
不能懒鸭·2024-01-29 19:05

vue中使用canvas添加各类水印

vue使用canvas绘制文字水印背景1、写watermarker.js文件/**水印添加方法*/constsetWatermark=(str1,str2)=>{constid='1.23452384164.123412415
Study_Live_Sun·2024-01-29 19:34

vue上传图片加水印；js上传图片添加水印；vue给图片添加水印；canvas图片添加水印；canvas画布导出图片

uni-app微信小程序图片加水印，点击看这篇需求场景：要求上传图片，并给图片添加水印。传给后端的也是有水印的图片。逻辑步骤：通过input上传图片，拿到图片的信息和base64，将图片绘制到画布上，在画布上添加文字（既水印），最后将画布导出成图片，得到的src就是一张有水印的图片。文末代码可直接复制使用！！！此代码可直接复制使用！！！有效的记得点个赞收藏支持下！原图base：{{imgsrc}}
i_am_a_div_日积月累_·2024-01-29 19:34

vue中使用canvas给图片绘制水印，即使下载图片也是带水印的

先看效果话不多说直接上组件1、Watermark.vueexportdefault{props:{//图片地址url:{type:String,required:true,default:'https://img0.baidu.com/it/u=3232582821,3516640051&fm=253&app=138&size=w931&n=0&f=JPEG&fmt=auto?sec=170628
jsmeng626·2024-01-29 19:04

3、前端页面如何优雅的显示PDF（中）：渲染文本

我们就能像复制网页文字那样复制pdf里面的文字使用依赖包pdf.js是能够在canvas页面上渲染出文本。需要用到的文件。渲染的原理：在c
编程琐事·2024-01-29 19:13

How to Show Files‘ Content in Web?

Visualizingafileuploadedbyauserinacanvastypicallyinvolvesafewsteps:receivingthefileinput,processingorreadingthefile
进击切图仔·2024-01-29 18:58

微信小程序Canvas文本加H5标签 示例之 翔球王足球答题--绿荫故事

这个好处就是完全不用考虑适配的问题，但是这完全抛弃了小程序的canvas画图api。而且机动性太差
mario89·2024-01-29 14:52
上一页 3 4 5 6 7 8 9 10 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他