Canvas:

uni-app：实现页面效果2（canvas绘制，根据页面宽度调整元素位置）

firstCanvas'是一个指定的画布标识
雯0609~·2023-09-30 03:28

python简易版的飞机大战

importpygamefrompygame.localsimport*importtimeimportrandomimportsys#初始化pygamepygame.init()#创建一个宽480高650的一个画布canvascanvas
Gjanuary·2023-09-30 01:36

微信小程序--canvas画布实现图片的编辑

概述上传图片，编辑图片大小，添加文字，改变文字颜色等详细概述微信小程序--canvas画布实现图片的编辑详细一、前期准备工作软件环境：微信开发者工具官方下载地址：微信开发者工具下载地址与更新日志|微信开放文档
西安未央·2023-09-30 00:35

200行代码实现canvas九宫格密码锁

今天我们用canvas来写一个九宫格手势密码锁，大概就是下面这样。
xintianyou丶·2023-09-30 00:32

公司内部技术分享，我写了一个五子棋

在线体验地址和github源码见文末思路(步骤)技术选型：页面使用canvas渲染确定画布和棋盘大小绘制棋盘网格找到所有的棋子落点（网格线条交叉点坐标）监听点击事件，判断落子位置，在交
xintianyou丶·2023-09-30 00:01

canvas的一次拖拽和缩放，发现， 在快速或者足够多的操作之后，内存会逐渐上升，导致浏览器卡死，经过查找相关资料，发现了几个优化的点，这里作为记录。

1批量绘制图形，一次性渲染2采用离线缓存处理canvas，显著提升性能3大尺寸的canvas可以转换成图片显示，以保证交互操作的流畅4使用requestAnimationFrame，传统的以固定频率命令浏览器进行渲染不同
跟着老王学前端·2023-09-29 23:04

Web前端学习笔记——Canvas 02

三、canvas进阶3.1Canvas颜色样式和阴影3.1.1设置填充和描边的颜色（掌握）fillStyle:设置或返回用于填充绘画的颜色strokeStyle:设置或返回用于笔触的颜色以上两个值都可以接受颜色名
唯恋殊雨·2023-09-29 23:03

Canvas学习笔记

什么是canvas？（了解）是HTML5提供的一种新标签 英 ['kænvəs]  美 ['kænvəs]  帆布画布Canvas是一个矩形区域的画布，可以用JavaScript在上面绘画。
寒蝉的小聒噪·2023-09-29 23:32

如何在 Canvas 上实现图形拾取？

大家好，我是前端西瓜哥，今天来和大家说说canvas怎么做图形拾取。图形拾取，指的是用户通过鼠标或手指在图形界面上能选中图形的能力。图形拾取技术是之后的高亮图形、拖拽图形、点击触发事件的基础。
前端西瓜哥·2023-09-29 23:01

KonvaJS 原理解析

前言用过Canvas的都知道它的API比较多，使用起来也很麻烦，比如我想绘制一个圆形就要调一堆API，对开发算不上友好。
gIoryyin·2023-09-29 23:01

canvas简介

一、canvas简介1.1什么是canvas？
daxiangya6845·2023-09-29 23:31

vue pc端/手机移动端 — 下载导出当前表格页面pdf格式

pc端做过预览打印的功能，使用的是print.js之类的方法让当前页面直接唤起打印机的打印预览功能，但是手机端这种方式不太友好，所以采用如下方式实现：1.将要打印的页面转换成图片（用到的组件html2canvas
Lemon今天学习了吗·2023-09-29 23:25

Flutter 打包 Web 指定渲染器

--web-renderer可选参数值为auto、html或canvaskit。auto（默认）-自动选择渲染器。移动端浏览器选择HTML，桌面端浏览器选择CanvasKit。
Wuthier·2023-09-29 23:10

uni-app：canvas-绘制图形4（获取画布宽高，根据画布宽高进行图形绘制）

效果代码varwidth='';varheight='';constquery=uni.createSelectorQuery();//获取宽度query.select('#firstCanvas').
雯0609~·2023-09-29 21:06

UGUI射线检测

1.GraphicRaycaster主要用于UI上的射线检测，挂有这个组件的物体，必须要挂上Canvas这个组件(当挂上GraphicRaycaster时Canvas也会自动挂上)。
混世小码农·2023-09-29 21:29

[H5动画制作系列] 路径引导动画 Demo

代码参考1：路径引导动画Demo1varstage;functioninit(){stage=newcreatejs.Stage("canvas");createjs.Ticker.addEventListener
gCode Teacher 格码致知·2023-09-29 20:15

vue2人脸检测录入

1.自行去下载tracking.jsnpminstalltracking2.三个canvas，一个显示完整摄像头，一个在摄像头上显示人脸矩形框，一个截取人脸（提醒大家一下，如果你选择localhost运行预览是不会报错的
晓小邰·2023-09-29 18:58

【Html5+CSS3 】2.6 初识CANVAS

6、初识CANVASHTML5标签用于绘制图像（通过脚本，通常是JavaScript）元素本身并没有绘制能力（它仅仅是图形的容器）-必须使用脚本来完成实际的绘图任务getContext()方法可返回一个对象
子午禾苇·2023-09-29 15:24

canvas 渲染网页中可显示的图片跨域

timestamp=${+newDate()}`;//谷歌浏览器下可能会用缓存，避免用缓存增加时间戳防止提示跨域img.onload=function(){letcanvas=document.createElement
熊熊_61c1·2023-09-29 15:22

web/html5。 Vue识别二维码进行跳转

我也是第一次做html5调用摄像头识别二维码这种,那就废话不多说开始吧经过各种查阅发现了一个纯前端的解析二维码的一个依赖jsqr,感谢jsqr的支持.这个是直接在canvas中画出的摄像头video,因为我没有查到如何直接封装拍照
Smith_Frank·2023-09-29 12:38

JavaScript命名标识符规范，架构师必备！

面试题：Html1，html语义化2，metaviewport相关3，canvas相关CSS1，盒模型1.1，ie盒模型算上border、padding及自身（不算margin），标准的只算上自身窗体的大小
m0_60298616·2023-09-29 11:19

.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
上一页 45 46 47 48 49 50 51 52 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他