Canvas画布

OpenHarmony Sheet 表格渲染引擎

基于Canvas实现的高性能Excel表格引擎组件[OpenHarmonySheet]。由于大部分前端项目渲染层是使用框架根据排版模型树结构逐层渲染的，整棵渲染树也是与排版模型树一一对应。
爱桥代码的程序媛·2024-01-09 13:35

前端生成pdf之html2canvas+jsPDF，以及解决图片不显示bug

html2canvas以及jsPDFhtml2canvas给dom结构转化为canvas，然后生成各种类型图片jsPDF把canvas生成的图片url转化为pdf//插入图片pdf.addImage(image
Queen_live·2024-01-09 13:02

canvas绘制使用requestAnimationFrame导致栈溢出（vue2版本）

vue2正确打开方式requestAnimationFrame(this.drawLine.bind(this));//一定要bindthis不创建新对象drawLine(){this.ctx.clearRect(0,0,500,300);console.log('绘制线条')//设置线条样式this.ctx.strokeStyle='#000000';this.ctx.lineWidth=5;t
大力水手~·2024-01-09 11:51

vue截取视频第一帧作为封面（缩略图）

1.canvas展示exportdefault{data(){return{imageName:null,}},mounted(){this.handleVideo()},methods:{handleVideo
小叮当仁不让·2024-01-09 10:06

Showroom Environment gallery

简单的画廊内部，配有用于照片和图片的画布。非常适合您的虚拟画廊或展厅。此套餐包含一个展厅，您可以在其中展示您的作品集。
mayzhengxi·2024-01-09 10:44

WPF布局控件之Canvas&InkCanvas

目录CanvasInkCanvasCanvasCanvas，英文释义为画布，和Grid不一样的是，它没有固定形式的布局。所有控件如果不用Canvas.Left等属性控制时，默认在左上角。
逍遥ovo·2024-01-09 08:35

Android如何正确使用 Canvas 的 save() 和 restore() 方法

如何正确使用Canvas的save()和restore()方法在Android的绘图API中，Canvas类提供了一系列强大的功能来绘制自定义视图。
Zsama666·2024-01-09 08:34

Android Matrix （二）具体图形变换参数的获取

这个矩阵可以应用于画布（Canvas），视图（View）或者位图（Bitmap），以实现各种图形变换，如旋转、缩放、平移和倾斜。
Zsama666·2024-01-09 08:34

元宇宙基础-Three.js | 大帅老猿threejs特训营

WebGraphicsLibrary）是一种3D绘图协议，这种绘图技术标准允许把JavaScript和OpenGLES2.0结合在一起，通过增加OpenGLES2.0的一个JavaScript绑定，WebGL可以为HTML5Canvas
qq_37787249·2024-01-09 08:03

Python实现草莓熊源代码（手拿风车和鲜花）

UTF-8-*-importturtleast#设置背景颜色，窗口位置以及大小t.colormode(255)#颜色模式t.speed(0)t.screensize(850,760,"white")#画布大小背景颜色
胆小小鬼·2024-01-09 07:54

爱心表白代码（带名字）

oneimg{width:100%;height:100%;}.sedimg{width:100%;height:100%;}html,body{height:100%;padding:0;margin:0;}canvas
胆小小鬼·2024-01-09 07:23

Vue使用vue-img-cropper实现图片裁剪

vue-img-croppervue-img-cropper是一个可以进行图片剪辑的插件，使用于vuegithub地址：https://github.com/TonyXiang/vue-img-cropper图片裁剪的基本原理核心：借助canvas
卡夫卡的小熊猫·2024-01-09 06:15

WEB绘图插件Canvas基础应用

一、概述canvas是html5标准中提供的⼀个标签顾名思义是定义在浏览器上的画布，通过其强大的绘图接口，我们可以实现各种各样的图形，炫酷的动画，甚至可以利用他开发⼩游戏，包括市面上很流行的数据可视化框架底层都用到了
行者张良·2024-01-09 04:00

antv/x6_2.0学习使用（六、事件系统）

1、鼠标事件事件cell节点/边node节点edge边blank画布空白区域单击cell:clicknode:clickedge:clickblank:click双击cell:dblclicknode:
bigHead-·2024-01-09 03:03

canvas绘制平行线

Titlecanvas{border:1pxsolid#ccc;}varmyCanvas=document.querySelector('canvas');varctx=myCanvas.getContext
AssertDo·2024-01-09 01:06

2024最新前端源码分享（附效果图及在线演示）

10款非常有趣的前端特效源码其中包含css动画特效、js原生特效、svg特效以及小游戏等下面我会给出特效样式图或演示效果图但你也可以点击在线预览查看源码的最终展示效果及下载源码资源粒子文字动画特效基于canvas
迂 幵·2024-01-09 00:48

微信小程序开发学习笔记②组件和API

官方把小程序的组件分为了9大类，分别是:①视图容器②基础内容③表单组件④导航组件⑤媒体组件⑥map地图组件⑦canvas画布组件⑧开放能力⑨无障碍访问其中前四个最为常用，主要学习前四个
tutgxuzyj·2024-01-08 23:47

解决 Flutter Web 加载canvaskit.wasm过慢的方法

新版FlutterWeb使用canvaskit渲染组件.会加载canvaskit.js和canvaskit.wasm这两个文件在国内加载这两个文件很慢..可以将这两个文件放到自己的服务器,或其它高速服务器
何乾·2024-01-08 22:02

小游戏入门到懵逼（一）---建立第一个小游戏

建立第一个小游戏项目，结构如下：image.png可以发现有报错，接下来修改这里，即可解除报错image.png修改为game也可以image.png创建canvas调用wx.createCanvas(
Leo丶Dicaprio·2024-01-08 21:39

2018-12-12

【行~实践】一、修身：活法二、齐家:陪女儿做练习三、建功：客户沟通，发货｛积善}：遇善就行思想是画笔，人生是画布，人的思想不同，人生的画卷也不同。改变你的心态，你人生的色彩可以绚彩夺目。
eddd166e28ad·2024-01-08 18:45

2021-05-13

—予烯谑粉红的信笺有勇气寄出的时候才发现不知道你的住处——弋冉吖梦中遇见你的模样是你来寻我了还是你在想我——弋冉吖爱你时候我学会了两件事一个是相信你的废话还有一个是质疑自己的真心话——予烯谑在这空白的画布上涂抹上你所有喜欢的颜色最后发现
予烯谑·2024-01-08 16:37

致大家网上的千篇一律说源码角度分析View的scrollBy()和scrollTo()的参数正负问题的文章

所有网上说这个问题的文章都在说源码，基本都是一个人写的文章copy过来的，基本都是在说先看draw(Canvascanvas)方法，然后就直接来一句我们看在这段代码片中，我们直接定位到onDrawScrollBars
bogerLiu·2024-01-08 16:37

小程序 canvas 绘制图片

canvas绘制图片绘制图片的问题html绘制图片的问题1、canvas不能绘制网络图片需要转换成本地图片进行使用2、多张图片绘制需要调用img.onload，进行嵌套绘制html保存data:{canvasId
一个博客·2024-01-08 15:02

小程序 生成canvas图片并下载保存

html:css:.canvasIs{width:1080px;height:1643px;position:fixed;left:9000px;}js:Page({data:{img:"需要的背景图片
℡╮荆棘鸟゛·2024-01-08 15:31

小程序 canvas 绘制文本实现换行，设置字距

小程序canvas绘制文本实现换行，设置字距在使用canvas绘制文本的过程中，对于很长的文本，canvas不能自动的进行换行处理，另外小程序无法像web端那样很方便的使用svg，所以在此做一个简单的记录
名字被你们想完了·2024-01-08 15:29

小程序实现绘制图片 保存到手机

uni.getWindowInfo().screenHeight-50;//屏幕可视区域高度this.wWidth=uni.getWindowInfo().screenWidth;//屏幕可视区域宽//获取Canvas
路光.·2024-01-08 15:58

烟花特效HTML

overflow:hidden;}.city{width:100%;position:fixed;bottom:0px;z-index:100;}.cityimg{width:100%;}sj浏览器不支持canvas
浮休383·2024-01-08 15:22

一篇文章详解HTML Canvas在高性能渲染中的优势与性能！

SpreadJS结合40余年专业控件技术和在电子表格应用领域的经验而推出的纯前端表格控件，基于HTML5，兼容450多种Excel公式，具备“高性能、跨平台、与Excel高度兼容”的产品特性，备受华为、明源云、远光软件等知名企业青睐，被中国软件行业协会认定为“中国优秀软件产品”。SpreadJS在界面和功能上与Excel高度类似，但又不局限于Excel，而是为企业信息化系统提供表格文档协同编辑、数
界面开发小八哥·2024-01-08 14:07

CDR实例教程-CorelDRAW制作剪纸立体效果

1、新建画布，填充颜色：打开CorelDRAW软件，Ctrl+N新建210*210的矩形画布。使用交互式填充工具拖拉出粉色到白色的椭圆形渐变填充（颜色可以自定义，根据自己喜好）。
93091cdf8ebb·2024-01-08 11:19

three.js 学习笔记(学习中1.7更新) |

文章目录three.js学习笔记入门基础概念透视相机第一个three.js应用threejs画布尺寸和布局canvas画布宽高度动态变化坐标辅助器THREE.AxesHelper实现动画效果requestAnimationFrame
nuise_·2024-01-08 11:51

使用Fabric.js库制作一个绘画网站，实现绘画板涂鸦功能

1.学习之前这个功能是基于vue的，如果你没有学过vue，可能对里面的知识不理解，对于canvas要有一点点的理解，如果没有，建议学习一下如果实在需要关于Fabricjs写的绘画功能，可以看一下我参考其他人写的文档
元素苏_·2024-01-08 10:52

基于Fabric.js开发一款图片编辑器，实现图片和系统数据的关联。

需求分析如何对图片进行编辑编辑之后的图片如何存储和回显自定义数据如何进行存储实现效果因为之前没有接触过Canvas，所以感觉这事搞不出来。奈何领导说别人能做出来你就做不出来。
BrightLD·2024-01-08 10:51

使用fabric.js实现对图片涂鸦、文字编辑、平移缩放与保存功能

文章目录背景1.初始化画布1.创建画布2.设置画布大小2.渲染图片3.功能：开启涂鸦4.功能：添加文字5.旋转图片6.画布平移7.画布缩放8.保存图片9.上传图片10.销毁实例11.总结背景项目中有个需求
别问我也不会·2024-01-08 10:21

人工智能计算机未来,人工智能技术正追赶着人类想象

你能在画布上画出杰作吗？”这是2004年的科幻电影《我，机器人》中，男主人公向机器人桑尼发出过的“质问”。
抑郁了该怎么办·2024-01-08 09:05

文件转base64,base64转路径,base64转文件

(path){returnnewPromise(function(resolve,reject){if(typeofwindow==='object'&&'document'inwindow){varcanvas
辣子_·2024-01-08 06:49

Day 4《油画棒教程》

临摹莫奈作品—《象鼻山》工具介绍】细纹水彩纸或油画布、油画棒【教程开始】1.首先用铅笔画出海天分界线，画出山的位置。岸边的位置。2.用湖色绘制山和岸，山的刻画用力点，岸稍稍涂抹。
众里鲟它千白渡·2024-01-08 04:58

Schrodinger分子动力模拟软件与UltraLAB建模工作站配置探讨

该软件并不是独立，而是一个软件合集包，由maestro、maesrtoelements、materialsscience、bioluminate、knime、canvas、mmshare、aacg、Glide
wdf8088·2024-01-08 04:26

他在画布上戳洞画法被嘲笑，改用刀割，却割出了名，一幅卖1.8亿

他在画布上戳洞画法被嘲笑，改用刀割，不仅一刀割出名气，还割出1.8亿！▲封塔纳。大千世界无奇不有。画油画不用画笔刮刀，变成了拿铁锥在画布上戳洞，戳出大大小小的孔，通过各种排列来表达画家的意图。
陈洪标写字说画·2024-01-08 01:44

【uniapp】canvas画海报保存图片兼容H5和APP

APP、H5长按保存海报海波实现如下：htmlcanvas宽高建议使用px,不要使用upx，upx部分手机保存图片大小不一致。
菜又爱编程·2024-01-08 00:32

白鲸

第一次睁开眼的时候水色就溢满了你的眼眶在混乱的海流中你辨别着鲸群的方向海那头的红柚色日出散落下无边的金光浮动着的渔船随风披上了轻纱你奋力地一跃而起零星的那几片云也震动了一下白色的浪花变成了颜料在蓝色的画布上染出了印象你向人类传达美好的问候却不知晓魔鬼的传说白色的灵魂回归于静谧的深海红色的血液漂荡在金色的水上你可曾想过或许这天的日出是你梦里的天堂
金小五的三哥·2024-01-07 18:23

360*180度全景图预览插件Photo Sphere Viewer

使用该插件的唯一要求是浏览器支持canvas或WebGL。
MC桥默·2024-01-07 17:53

十二月，心怀感恩，微笑前行。

载一路波光掠影，捡拾生命的每一丝感动，任思绪轻轻滑过岁月的画布，微笑，安暖，如此，便可不叹世事沧桑，不被浮华的东西蛊惑，不让自己庸俗不堪。只有持一份好的心情，过好生命中的每一天，才是最好的状态。
星辰族·2024-01-07 16:36

零壹刀画之刀画的派系

画布也一般使用化纤油画布。宋派喜欢用宋俊杰老师从小就学习《芥子园》，国画功底深厚，也将其父亲宋万清先生的刀画加入了更多创新元素。我有幸能在宋老师那里学习了一段时间的宋派刀画，确实
零壹刀画小静·2024-01-07 13:42

解决Canvas画图清晰度问题

先吹下水：远程桌面的连接我们是通过Websocket连接后，后端不断返回远程端的界面二进制数据流，我接收到之后转为图像，画到Canvas中，然后对canvas进行一系列的事件监听，传递消息给服务端，从而实现远程桌面的连接操作
聂大哥·2024-01-07 12:39

[微信小程序&Taro]自定义组件使用canvas绘图，无法绘制以及fail canvas is empty问题

情况1：普通页面，canvas绘制，正常，生成图片正常；情况2：自定义组件引用canvas绘制，空白；原因：查看文档，在自定义组件内需要手动传入当前实例的this，否则canvas指向的this为父组件所以无法找到正确
httIsHere·2024-01-07 11:20

应用OpenCV绘制箭头

cv2.arrowedLine(img,pt1,pt2,color[,thickness[,line_type[,shift[,tipLength]]]])参数说明：img：要画的直线所在的图像，也称为画布
会的东西有点杂·2024-01-07 11:22

情人节程序员用HTML网页表白【canvas实现满屏幕飘小爱心】 HTML5七夕情人节表白网页源码 HTML+CSS+JavaScript

这是程序员表白系列中的100款网站表白之一，旨在让任何人都能使用并创建自己的表白网站给心爱的人看。此波共有100个表白网站，可以任意修改和使用，很多人会希望向心爱的男孩女孩告白，生性腼腆的人即使那个TA站在眼前都不敢向前表白。说不出口的话就用网页告诉TA吧~制作一个表白网页告诉TA你的心意,演示如下。❤【作者主页——获取更多优质源码】❤【学习资料/简历模板/面试资料/网站设计与制作】❤【web前端
优质内容贡献·2024-01-07 10:10

只有选对目标 才能掌控人生（二）

在洁白的画布上，我们有了新的起点，这是我们留下的每一个足迹。从此，我们开始在漫漫的人生长途上旅行，追逐着我们的希望和梦想，开始描绘我们生命的蓝图。
幸福园·2024-01-07 10:35

彻底认识Unity ui设计中Space - Overlay、Screen Space - Camera和World Space三种模式

文章目录简述ScreenSpace-Overlay优点缺点ScreenSpace-Camera优点缺点WorldSpace优点缺点简述用Unity中开发了很久，但是对unityUI管理中Canvas组件的
极致人生-010·2024-01-07 09:04

canvas如何自定义绘制图片

在Canvas中，可以使用`drawImage()`方法来绘制图片。该方法接受三个参数：1.图片对象：可以是``、``或``元素。2.图片左上角在Canvas中的X坐标。
雷霆半月斩掉你的板砖·2024-01-07 09:25
上一页 16 17 18 19 20 21 22 23 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他