Canvas:

.net 后端生成海报

以前项目中生成海报都是前端生成（html2canvas）但由于前端生成有各种各样的限制如图片跨域，浏览器兼容等问题。老板就想网站中生成海报用回服务端生成海报的方式。
进阶中的小檀·2023-09-29 10:11

ThemeForest – Canvas 7.2.0 – 多用途 HTML5 模板

ThemeForest上的HTML网站模板受到全球数百万客户的喜爱。与包含网站所有页面并允许您在WP仪表板中自定义字体和样式的WordPress主题不同，这些设计模板是用HTML构建的。您可以在HTML编辑器中编辑模板，但不能在WordPress上编辑模板，因为它们的结构不包括WP系统。想知道HTML模板为何如此受欢迎？继续阅读！多功能性。您可以在您构建的任何类型的网站之上使用HTML模板。它可以
sdk大全·2023-09-29 10:01

块级元素和行级元素特点区别整理

行级元素（行盒：inline）常见行内元素：span、a、（img、textarea、button、input）、label、select、canvas、audio、video，b,i,strong、em
大只兔·2023-09-29 10:11

仿网易云-360度混响

一直在用网易云音乐听歌，感觉他的这个动效还是挺不错的，最近也是想试试canvas绘图相关的。尝试了几次之后感觉效果还不错，不过距离网易云的还是有些差距。
xo19882011·2023-09-29 10:06

七、热力图展示

思路：1引入heatmap.js，h337是他自带的一个暴漏的方法用于使用2创建myheatmap.js用于创建一个HeatMapCanvas实例，使用canvas对象创建3在city.js引入并贴图展示第一步
arguments_zd·2023-09-29 07:08

html5 canvas 圆圈,HTML5 canvas性能之画圈

临近圣诞，我一直在尝试使用HTML5canvas在圣诞树图片上面绘制泡泡。
晕过前方·2023-09-29 06:09

Konva事件机制

前言不同于HTML或SVG标签可以直接绑定事件，Canvas是使用JavaScript来绘制内容，这意味着其内容没有具体的DOM，所以Canvas渲染引擎都会自己实现一套事件机制。
玉案轩窗·2023-09-28 22:53

canvas绘制网格背景

/***@Event方法*@description:canvas绘制网格背景**/drawGrid(element,lineColor,lineStepX,lineStepY,bgColor,bgStepX
毛三仙·2023-09-28 20:22

使用threejs 实现3D物体展示，平移实现类似百度地图功能

Myfirstthree.jsapp*{margin:0;}canvas{width:100%;height:100%;}variswireframe=false;varscene,camera,renderer
gong0585·2023-09-28 17:54

vue window.print()打印多页页面指定内容 纯前端

来了一个需求，要求做分页pdf文档刚开始以为自己可以，用了插件html2canvas和jspdf（具体可以看我另一篇文章：vue将页面导出pdf，vue导出pdf），做出来了，但是支持下载一页的页面，多页的时候会切割
youyu-youyu·2023-09-28 17:51

vue将页面导出pdf，vue导出pdf

新需求：需要前端下载把当前html下载成pdf文件方法一：菜鸟觉得牛逼啊，这必须记录下来嗷嗷嗷嗷1、第一步：我们要添加两个模块//第一个：将页面html转换成图片npminstall--savehtml2canvas
youyu-youyu·2023-09-28 17:50

uniapp APP端使用html2canvas截图分享小程序卡片图片模糊、跨域等问题解决

项目场景：项目场景：uniappAPP端，分享小程序到微信好友，使用html2canvas截取当前页面做卡片封面图。仅是需要展示部分内容用作卡片封面就可以，不强制需要全屏截图。
A_mnesia·2023-09-28 16:48

3.canvas绘制基本图形——圆弧

圆弧是圆的组成部分，一个圆可以看成多个圆弧或者一个圆弧闭环组合而成。因此我们画圆弧的时候往往把他看成一个残缺的圆arcarc是最基础最简单的圆弧绘制方法。他有六个参数参数一跟参数二表示圆的圆心坐标参数三是圆的半径参数四是圆开始的角度参数五是圆结束的角度参数六表示圆绘制的方向，默认为false表示顺时针。为了方便理解我画了一张草图来分别表示这些参数请添加图片描述需要注意的是弧线没有那么方便的“印章”
丹丹的小跟班·2023-09-28 16:51

4.canvas绘制基本图形——折线

在日常生活中，除了矩形与圆弧外，接触最多的就是折线了。甚至矩形也可以看出是一段折线，所以我们自然也可以使用绘制折线的方式绘制出矩形moveTo认识折线之前，我们先认识下moveTo这个方法。形象一点说这个方法就是将我们的画笔短暂抬起来换个点落笔，注意在移动的过程中画笔是抬起的，没有在画布上，所以也不会绘制出任何图形。lineTolineTo的作用就是设置一个终点坐标，并与起始坐标连接。当然它也可以
丹丹的小跟班·2023-09-28 16:16

二维码和背景图生成海报

1、引入需要的文件qrcode、html2canvas2、完整JS代码varqrcode=null;//获取是安卓还是iOS型号重要functionisModel(){letu=navigator.userAgent
leaf ...·2023-09-28 15:37

安卓Unity分屏设置

1.安卓分屏设置1Camera1Canvas；分2个UIPanel(1个作为上部份1个作为下部份)2.Camera设置
AD_喵了个咪·2023-09-28 15:36

五、3d场景的卡片展示的创建

它主要有两个方法来实现，大量的图片建议使用canvas来实现，少量的可以使用标签实现。1.canvas思路：1将需要展示的内容画到canvas上。
arguments_zd·2023-09-28 11:29

canvas note

图片不显示/保存不存在，需要图片绘制完成constctx=canvas.getContext("2d");constimage=canvas.createImage();image.src="/static
码客前端·2023-09-28 11:32

Konva批量渲染

前言Konva作为优秀的Canvas渲染引擎之一，其内部存在很多优化策略，这些优化策略就是构建其高效的基石，批量渲染机制就是其中之一。批量渲染就是将多次更新操作合并为一次，减少渲染的次数。
玉案轩窗·2023-09-28 10:38

uni-app实现图片预览压缩上传：兼容h5+app,小程序等

viewjsexportdefault{data(){return{//画布大小canvasWidth:375,canvasHeight:667,}},methods:{//选择图片chooseImg(
撸码的小哥·2023-09-28 09:47

手把手教你写一个可以上下滑动点改变值的安卓折线图（iOS同理，iOS看不懂联系我出个iOS版- -、最好别联系）

先看效果2.gif思路首先要画折线图，那么一定是要用到Canvas，其次的难点在与如果找到手指点到的点，以及手指如何拖动。
码农淏·2023-09-28 07:17

Orient-Ui | Canvas.clipRect打造的炫酷Switch

上周同事问有没有多个Item的Switch控件，我想这也不是什么难事，这么多第三方库，直接挑一个就行。找了半天，虽说大部分Switch都很炫，不过都只支持两个Item，唯一找到的支持多Item的，但是是用在ios的，如图：iosdemo自定义Switch倒也不是什么难事，这个图里面唯一的难点也就是滑块悬浮在文字上方的时候文字会变色，不过一点难度都没有确实也没什么意思，这是我实现的版本：MultiS
九心_·2023-09-28 03:42

如何使用canvas实现一个下雪的动效

下面是一个使用Canvas实现下雪动效的代码示例：下雪特效body{margin:0;padding:0;}canvas{display:block;background:black;}你的浏览器不支持
谭少居然·2023-09-27 22:00

HTML小游戏五子棋（附源码）

完整源码：五子棋canvas{display:block;margin:50pxauto;box-shadow:-2px-2px2px#efefef,5px5px
玖疯子·2023-09-27 21:27

初识canvas

对于一个前端人员来说，canvas是必须掌握的技能之一。如果你想像画画一样在浏览器上作画，那么canvas就可以做你的画布。
丹丹的小跟班·2023-09-27 20:04

canvas绘制基本图形——矩形

我们在初识canvas的时候已经用它画过矩形了，今天我们就总结下矩形的绘画方式rectrect就是简单最基本的矩形绘制方法。
丹丹的小跟班·2023-09-27 20:33

关于pdf和canvas的几个js工具函数

关于pdf和canvas的几个js工具函数importhtml2canvasfrom'html2canvas'//importJsPDFfrom'jspdf'/***@description该工具库依赖于
星月前端·2023-09-27 18:15

[DOM] Input elements should have autocomplete attributes (suggested: "current-password"): (More info

我的处女作《Canvas系列教程》在我的Github上正在连载更新，希望能得到您的关注和支持，让我有更多的动力进行创作。教程介绍、教程目录等能在README里查阅。
苏一恒·2023-09-27 16:01

python reportlab 生成多页pdf

多页fromreportlab.pdfgenimportcanvasfromreportlab.platypusimport(SimpleDocTemplate,Paragraph,PageBreak,
大鹏的NLP博客·2023-09-27 15:15

python基础--封装configparser

usernamepassword=id>passwordlogin=xpath>//span[text()='登录']/..overview=xpath>//li/span[text()='总览']pic_code=id>canvas1code
yaaaxia·2023-09-27 14:38

C#开发PACS医学影像处理系统(十九)：Dicom影像放大镜

在XAML代码设计器中，添加canvas画布与圆形几何对象，利用VisualBrush笔刷来复制画面内容到指定容器：得到一个类似放大镜的界面效果：其中，TxtGlassScale是显示放大镜倍数的文字控件
乔克丿叔叔(罗万科技)·2023-09-27 13:21

flutter绘制基础

纸-canvas笔-Paint图形-Path色-Color接下来，我们
flutter开发精选·2023-09-27 13:17

canvas自动裁剪图片空白区域

canvas自动裁剪图片空白区域constimageInput=document.getElementById('imageInput');constcanvas=document.getElementById
·2023-09-27 12:31

uni-app：官方文档中的canvas实例剖析

firstCanvas'是一个指定的画布标识符，表示在页面上的哪个元素上进行绘制。
雯0609~·2023-09-27 11:44

uni-app：canvas-绘制图形2

firstCanvas'是一个指定的画布标识符，表示在页面上的哪个元素上进行绘制。
雯0609~·2023-09-27 11:44

uni-app：canvas绘制图形3

firstCanvas'是一个指定的画布标识符，表示在页面上的哪个元素上进行绘制。
雯0609~·2023-09-27 11:44

uni-app：canvas-图形实现1

firstCanvas'是一个指定的画布标识符，表示在页面上的哪个元素上进行绘制。
雯0609~·2023-09-27 11:10

canvas 画出动态折线图

canvas是html5支持的一个标签，用于图形的绘制。canvas标签仅仅提供了图形的容器，必须通过js脚本来绘制。
Jason_M_Ho·2023-09-27 09:29

Konva基本处理流程和相关架构设计

前言canvas是使用JavaScript基于上下文对象进行2D图形的绘制的HTML元素，通常用于动画、游戏画面、数据可视化、图片编辑以及实时视频处理等方面。
玉案轩窗·2023-09-27 09:14

Unity接入ChartAndGraph图表插件

一、实现柱状图实现效果实现步骤创建柱形图预设如下图，Tools-Charts-Bar-Canvas-Simp
不为誰而做的程序员_·2023-09-27 09:05

html画圆圈原理,【已解决】HTML中用Canvas画圆圈

折腾：【未解决】vuejs的vue-admin-template中自己手动实现画出类似电路图的控制面板图期间，再去canvas中圆圈如图：希望画出大大小小的各种圆圈包括圆圈里面还带东西的。
山同气·2023-09-27 09:02

vue中用canvas 画一个六边形 类似蜂窝形的功能导航主菜单

但是因为div有重叠部分，做出来体验并不好，后俩查资料有这种写法给一张大图画很多个热点区域作为按钮，前提是需要一整张图片作为背景，感觉并不太好，只是试了试并没有选择这种方式然后就想起来不常用却经常见到的canvas
a-shitou·2023-09-27 09:01

vue中用canvas画移动端电量显示 实现充电动画

写一个电量组件battery.vueexportdefault{name:'battery',mycanvas:null,ctx:null,myInterval:null,props:{proQuantity
a-shitou·2023-09-27 09:01

记录一次Vue中用Canvas制作一个签名面板（插件）

npminstallvue-esign--save在main.js中引入importvueEsignfrom'vue-esign'Vue.use(vueEsign)清空画板生成图片exportdefault{name:'HelloWorld',data(){return{lineWidth:3,lineColor:'red',bgColor:'',resultImg:'',isCrop:false
codernmx·2023-09-27 09:28

vue中用Canvas实现验证码功能

vue中用Canvas实现验证码功能（typescript）Verification.vueimportVuefrom"vue";import{Component}from"vue-property-decorator
Kyrossssssss·2023-09-27 09:28

canvas画一个简单的红色矩形

functiondraw(id){varcanvas=document.getElementById(id);//取得canvas的对象if(canvas==null)returnfalse;varcontext
mcbeath·2023-09-27 09:57

Vue中用canvas对图片上传前压缩

图片压缩上传场景：如用户头像等对于大尺寸图片的上传，在前端进行压缩除了省流量外，最大的意义是极大的提高了用户体验。两方面：由于上传图片尺寸比较小，因此上传速度会比较快，交互会更加流畅，同时大大降低了网络异常导致上传失败风险。很多网站的图片上传功能都会对图片的大小进行限制，尤其是头像上传，限制5M或者2M以内是非常常见的（但是我用单反拍了个头像，照片超过2M很正常，要对图片进行处理才能上传）。如果可
i大俊·2023-09-27 08:24

vue框架中用并上传canvas压缩图片

代码：这里要注意的是上传代码的操作要在Image实例的onload方法中，并且是在canvas转化过后获取到canvas新图片之后。
丶凡人·2023-09-27 08:22

在vue中用canvas画一个简单的贪吃蛇游戏

canvas和样式:#canvas{border:1pxsolid#dee2ed;}需要的变量：exportdefault{data(){return{ctx:null,interval:null,snakeData
蜂巢糖FCT·2023-09-27 08:51

ndejs项目中 Vue实现登录验证码功能

方法中的宽和高）functionGVerify(options){//创建一个图形验证码对象，接收options对象为参数this.options={//默认options参数值id:'',//容器IdcanvasId
Demo_xr·2023-09-27 08:54
上一页 48 49 50 51 52 53 54 55 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他