vue和canvas_51CTO博客

vue canvas 波浪

\src\components\Wave.vue <template> <div :style="{ height: waveAllHeight + 'px', background: bgColor }" class="wave"> <canvas id="wave1"></canvas> <ca ...

i++

2d

贝塞尔曲线

背景色

其他

转载

mob604756f37073

2021-09-09 17:20:00

429阅读

2评论

vue-canvas-nest的安装和使用

1.安装npm i vue-canvas-nest//如果使用淘宝镜像的话cnpm i vue-canvas-nest//或者yarnyarn

炫酷效果

html

原创

尔嵘bobo

2022-10-28 08:38:45

95阅读

onDraw(canvas)和dispatchDraw（canvas）方法

绘制VIew本身的内容，通过调用View.onDraw(canvas)函数实现绘制自己的孩子

函数实现

原创

wx5aae83353cec4

2022-09-11 01:24:22

232阅读

Vue Canvas 实现签字版

使用Vue、Canvas、ElementUI实现的电子签字版，PC和移动端皆可用。效果如下： HTML <template> <section class="signature"> <div class="signatureBox"> <div class="canvasBox" ref="canv ...

sed

上传

重置

当前路径

html

转载

mb5fe94bcc59f7e

2021-09-14 11:01:00

422阅读

1点赞

2评论

uniapp vue 利用canvas生成海报

<template> <view class="content" v-if="isShow" @click.stop="is

html5

vue.js

javascript

获取图片

圆角

原创

八点博客

2022-09-12 00:27:46

364阅读

Vue使用html2canvas和jspdf生成pdf文件

首先jspdf这个库就是用来生成pdf的，那为什么还需要使用到html2canvas。是因为jspdf直接

vue.js

pdf

前端

html

html页面

原创

举止优雅的猪

2023-04-16 08:07:54

720阅读

八、Vue中使用 html2canvas 和 canvas2image 实现网页截屏

一、html转为canvas1.安装 html2canvascnpm install html2canvas --save2.引入 html2canvas// 引入import html2canv

html

2d

抗锯齿

原创

mb62b19580f1ddc

2022-06-21 20:02:07

6354阅读

UGUI中的Canvas、Camera和Canvas Scaler

投影空间和屏幕空间先不说UI，如果是一个普通渲染流程，一个Cube普通地被渲染。800X600的屏幕中，右边的Cube和中间的Image大小相仿。（可能由于网页显示问题导致本图显示尺寸变小。请自行脑补成其真实800x600大小，起码比下图248X186大好多）248X186的屏幕中，发现正方体已变小，但Image却没变如果屏幕在现实中变小了，这个Cube在现实中也会变小。具体地说，屏幕变小时，Cu

Canvas、Camera和Canvas

转载精选

taotaoma456

2016-04-25 23:55:31

4374阅读

图片-滑动-解锁-组件-vue-canvas

<template> <div> <div id="slide_unloack_wraper"> <canvas width="310" height="155" id="slide_unloack_wraper1"></canvas> <div id="slide_unloack_inner"> Read More

ide

滑块

sed

移动端

鼠标移动

转载

mb5fe55be0b9ac7

2020-02-25 01:38:00

206阅读

2评论

vue组件：canvas实现图片涂鸦功能

方案背景需求需要对图片进行标注，导出图片。需要标注N多图片最后同时保存。需要根据多边形区域数据（区域、颜色、名称）标注。对应方案用canvas实现涂鸦、圆形、矩形的绘制，最终生成图片base编码用于上传大量图片批量上传很耗时间，为了提高用户体验，改为只实现圆形、矩形绘制，最终保存成

vue组件

canvas

初始化

vue.js

数据

转载

mb5fe55b6d43deb

2018-11-03 15:05:00

1492阅读

2评论

Vue 3动态海洋天空Canvas动画

以下是一个实现动态海洋和天空效果的 Vue 3 Composition API Hook，使用 Canvas 绘制动画效果：<script setup> import { ref, onMounted, onUnmounted } from 'vue' // 动态海洋和天空效果 Hook export function useOceanSky(canvasRef) { const

Math

窗口大小

2d

原创

沧州虎王科技

2月前

205阅读

[vue] canvas img.onload不执行

要在视图中使用本地资源，您必须通过Webpack加载它们。

vue.js

javascript

前端

Image

加载

原创

533_

2022-12-21 10:22:25

396阅读

Python Canvas and Grid Tkinter美妙布局canvas和其他组件

在我们变成中，在Tkinter中，可以使用Canvas和Grid布局管理器来创建美妙的布局，将Canvas与其他组件结合使用。Canvas是一个用于绘制图形和显示图像的区域，而Grid布局管理器允许我们以网格形式组织和排列组件。以下是一个简单的例子，演示如何将Canvas与其他组件结合使用并使用Grid布局：

输入框

网格布局

解决方案

原创

华科云商小徐

2024-03-11 11:45:05

41阅读

android 中 Canvas和Paint

相关链接： Drawable、Bitmap、Canvas和Paint的区别http://www.eoeandroid.com/thread-158137-1-1.html 关于Canvas清屏的常用方法http://www.eoeandroid.com/thread-212471-1-1.html 【eoeAndroid社区索引】图形图像之Canvashttp://www.eoeandroi

canvas

移动开发

android开发

原创

Android小子

2012-12-26 11:26:00

291阅读

Canvas帧数和步长实例

1 <!DOCTYPE HTML> 2 <html lang="zh-CN"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 5 <title>test</title

html

边缘检测

chrome

2d

保存状态

转载

mb5fed43756edc3

2013-10-25 14:22:00

115阅读

2评论

Android SurfaceView SurfaceHoder 和 Canvas

由于View缺乏双缓冲机制，

ide

封装

初始化

原创

wx59bdec579ef96

2022-11-08 10:25:32

400阅读

Canvas的save和restore

在创建新的控件或修改现有的控件时，我们都会涉及到重写控件或View的onDraw方法。 onDraw方法会传入一个Canvas对象，它是你用来绘制控件视觉界面的画布。在onDraw方法里，我们经常会看到调用save和restore方法，它们到底是干什么用的呢？ ❑ save：用来保存Canvas的状态。save之后，可以调用Canvas的平移、放缩、旋转、错切、裁剪

android

控件

hive

ci

转载

fyfcauc

2023-05-24 00:22:59

81阅读

WebGL和canvas渲染方式

Laya引擎支持WebGL和canvas两种渲染方式，可以在引擎初始化时选择渲染方式Laya.init(width,height,WebGL);//WebGL模式Laya.init(width,height);//canvas默认为canvas模式canvas是一个H5标签，作用是在网页上画图，但是只支持2D，不支持3D。WebGL是一种3D绘图标准，WebGL支持3D，且性能优于canvas。所以现在能用WebGL的都用WebGL,有些项目用canvas是因为部分手机不支持WebGL。.

3d

javascript

h5

初始化

封装

转载

wx61133eeec1457

2021-08-12 14:21:47

2850阅读

左右canvas.drawArc，canvas.drawOval 和RectF 关联

1.paint.setStyle(Paint.Style.STROKE)// radius="100dp"// interRadius="40dp"// linearWidth="10dp"// stokenWidth="40dp" mPaint=new Pai...

ide

转载

mob604756edd67c

2015-10-11 20:01:00

140阅读

2评论

canvas和paint常用方法

效果图：页面代码： @Override protected void onDraw(Canvas canvas) { super.onDraw(canvas); mPaint = new Paint(); mPai//设置画笔颜色 mPaint.setTextSize(14);

canvas

paint

paintcode

贝塞尔曲线

画图片

原创

pengkv

2023-09-01 10:08:56

105阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

vue和canvas

vue canvas 波浪

vue-canvas-nest的安装和使用

onDraw(canvas)和dispatchDraw（canvas）方法

Vue Canvas 实现签字版

uniapp vue 利用canvas生成海报

Vue使用html2canvas和jspdf生成pdf文件

八、Vue中使用 html2canvas 和 canvas2image 实现网页截屏

UGUI中的Canvas、Camera和Canvas Scaler

图片-滑动-解锁-组件-vue-canvas

vue组件：canvas实现图片涂鸦功能

Vue 3动态海洋天空Canvas动画

[vue] canvas img.onload不执行

Python Canvas and Grid Tkinter美妙布局canvas和其他组件

android 中 Canvas和Paint

Canvas帧数和步长实例

Android SurfaceView SurfaceHoder 和 Canvas

Canvas的save和restore

WebGL和canvas渲染方式

左右canvas.drawArc，canvas.drawOval 和RectF 关联

canvas和paint常用方法

WebGL 和 Canvas 的关系

svg和canvas的区别

Vue 结合html2canvas和jsPDF实现html页面转pdf

使用 Vue3 和 Canvas 实现可交互的波线段图

canvas结合vue antd 实现折线图

vue3利用qrcode.vue并通过canvas合并图片

Android中canvas.save()和canvas.restore()的使用

解决node环境和sass不兼容问题，vue canvas安装速度极慢

Android Bitmap和Canvas学习笔记