E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
canvas放缩
canvas
+fabric实现自定义封面
constaddText=document.querySelector('.add-text')constbase64Image=document.querySelector('.to-base64')var
canvas
修复bug
·
2024-01-12 20:29
fabric
javascript
前端
vue.js
小程序使用
canvas
给图片添加水印
小程序使用
canvas
给图片添加水印操作
canvas
相关的api使用的是微信最新提供的(一路过来踩了好多坑...)浅用微信小程序
canvas
给图片添加简单水印,废话不多说,先上效果,后看代码(uniapp
Xiaop
·
2024-01-12 19:38
WPF 布局
布局:Border、BulletDecorator、
Canvas
、DockPanel、Expander、Grid、GridView、GridSplitter、GroupBox、Panel、ResizeGrip
Z_W_H_
·
2024-01-12 17:30
C#
wpf
vue2把页面导出img、html、Excel方法
下载
canvas
方法截图方法https://gitee.com/qiweiii/abcd/blob/master/html2
canvas
.js通过
canvas
封装的方法,封装部分方法import"..
甘道夫老矣
·
2024-01-12 17:25
前端moa gif json显示动画
使用bodymovin插件:将JSON文件导入后,在HTML文件中添加一个
canvas
元素,并通过bodymovin.loadAnimation()方法加载JSON文件,然后将其渲染
jsPao
·
2024-01-12 15:03
前端
json
电子雨代码-html
电子雨代码动画效果展示代码Codebody{margin:0;overflow:hidden;}constwidth=document.getElementById("my
Canvas
").width=
Coisini_甜柚か
·
2024-01-12 11:53
游戏
html
前端
canvas
同一 画布内输出多种内容格式, 不同文字,不的颜色 不同的字体 自动算出 每种字体内容的宽度,
canvas
同一画布内输出多种内容格式,不同文字,不的颜色不同的字体自动算出每种字体内容的宽度,window.onload=function(){varlist=[{name:'第一种字体和颜色',colors
功能点分享
·
2024-01-12 10:04
html
html
html5
javascript
vue+播放直播视频流(websocket的流文件)
前言:之前分享的有rtmp直播流,flv直播流的一些方法,这里分享下,播放websocket的直流的方法,使用的方法是JSMpeg,JSMpeg是JS写的视频、音频解码器,能使用WebGL&
Canvas
2D
浩星
·
2024-01-12 07:14
vue-插件
vue.js
websocket
前端
推荐这几个流程图设计器web开发方案
一个是图的绘制能力、基于svg或者
canvas
来绘制各种形状的节点(矩形、圆形、多边形)以及线,一个是图与图之间的交互包括拖拽,节点之间的连线等,最后是画布面板的便捷性,其中包括:比如ps中的网格功能d
树酱
·
2024-01-12 03:29
编程语言
java
数据可视化
xhtml
html
JS 保存图片到本地相册
方法1:img标签实现(亲测,使用无误)html:注:crossorigin="anonymous"必填JS:下侧方法是结合TS封装的使用
canvas
转译,a标签下载图片到本地相册。
SailingBytes
·
2024-01-12 02:40
canvas
实现电子签字功能
在线预览1.需求分析去银行办理银行卡的时候你会发现,有的是用电子办卡机,大堂经理带着你一步步操作,其中有一个操作就是签署电子协议,那么这个功能具体怎么实现的呢?2.实现思路(1)首先你得把你协议展示出来,并且这些协议是一些后台可编辑的html富文本,接口请求到富文本后,document.getElementById('innerHTML').innerHTML插入到指定的div上;(2)其次则是我
领秀5858
·
2024-01-11 22:17
javascript
canvas
前端
canvas
Rough.js:创建手绘、草图外观的图形
Rough.js可以同时处理
Canvas
和SVG。
独立开发者张张
·
2024-01-11 21:25
大前端技术
javascript
开发语言
ecmascript
使用phaser+matter开发合成大西瓜
避坑:1.问题:ios部分机型出现图片展示黑色矩形原因:type:Phaser.AUTO默认采用webgl渲染,不适配的时候采用
canvas
,但是这种在iosiphone8出现黑色矩形解决方案:使用type
瑞瑞w
·
2024-01-11 21:21
前端
前端页面优化做的工作
Canvas
可以用
瑞瑞w
·
2024-01-11 21:46
前端
Unity组件开发--UI管理器
1.
Canvas
组件:注意属性:(1)渲染模式是:屏幕空间相机(2)创建一个UICamera节点,管理相机(3)屏幕画布缩放模式(4)画布下挂载两个脚本:UIRoot和UIManager(5)事件系统管理节点必须有
小春熙子
·
2024-01-11 18:46
ui
unity
游戏程序
uniapp使用wxml-to-
canvas
开发小程序保存
canvas
图片
微信小程序官方解决方案:wxml-to-
canvas
使用wxml-to-
canvas
要知道一些前提条件1、只能画view,text,image2、每个元素必须要设置宽高3、默认是flex布局,可以通过flexDirection
QQ帝国
·
2024-01-11 13:40
uni-app
小程序
编程笔记 html5&css&js 033 HTML SVG
三、SVG优势四、SVG与
Canvas
两者间的区别五、练习小结svg也是绘图,不过绘制的是矢量图。一、HTML5SVGSVG定义为可缩放矢量图形。HTML5支持内联SVG。
明月看潮生
·
2024-01-11 09:26
#
html5
css3
javascript
少年工程师
花点时间——我的2023
目前的方向2022年的下半年,那个时候我大二,偶然间喜欢上了web网页界面特效,没见过网页能做出这样绚丽的特效(应该是用
canvas
放荡不羁的小雨鸽
·
2024-01-11 05:02
前端
面试
学习
vue 项目前端导出pdf(纯前端操作)
1.安装两个插件:html2
canvas
和jspdfnpminstallhtml2
canvas
npminstalljspdf2.创建一个公共文件tool.js如下importhtml2
canvas
from'html2
canvas
一个没有灵魂的女程序媛
·
2024-01-11 03:07
前端
vue.js
pdf
Salesforce Flow详解
可以先看下FlowBuilder页面,它是由三部分组成的:Toolbox:列出了所有的元素及资源,并可以创建新的变量、工时或选项等用与Flow;
Canvas
:Flow的画布,可以通过托拉拽的方式搭建可视化流程
Frank_Salesforce
·
2024-01-11 02:21
CPQ
Salesforce管理员
Salesforce培训
职场和发展
paas
云原生
云计算
html烟花代码--粉丝专属
100%;height:100%;overflow:hidden;background:#000;}CommandsInfoSharefunctioninitVars(){pi=Math.PI;ctx=
canvas
.getContext
大众筹码
·
2024-01-11 01:56
html
前端
javascript
HTML绘制拓扑简图,用最简单的方式画拓扑图!!!
原因如下:维护成本高:类似的库(antv/g6,go.js)都是基于
canvas
实现,也都大同小异的定义了一套组件,有一定的
隅隅隅
·
2024-01-11 01:21
HTML绘制拓扑简图
Android画布
Canvas
绘制手指MotionEvent.ACTION_MOVE 事件矩形方框,Kotlin
Android画布
Canvas
绘制手指MotionEvent.ACTION_MOVE事件矩形方框,Kotlinimportandroid.content.Contextimportandroid.graphics.
Canvas
importandroid.graphics.Colorimportandroid.graphics.Paintimportandroid.graphics.Rectimpo
zhangphil
·
2024-01-11 00:44
Android
kotlin
android
kotlin
Android
Canvas
图层saveLayer剪切clipPath原图addCircle绘制对应圆形区域,Kotlin(2)
Android
Canvas
图层saveLayer剪切clipPath原图addCircle绘制对应圆形区域,Kotlin(2)在Android
Canvas
图层saveLayer剪切clipRect原图对应
zhangphil
·
2024-01-11 00:44
Android
kotlin
android
kotlin
Android
Canvas
图层saveLayer剪切clipPath原图addCircle绘制对应圆形区域并放大,Kotlin(3)
Android
Canvas
图层saveLayer剪切clipPath原图addCircle绘制对应圆形区域并放大,Kotlin(3)在文章2Android
Canvas
图层saveLayer剪切clipPath
zhangphil
·
2024-01-11 00:11
kotlin
Android
android
kotlin
Cocos Creator导入使用raphael
CocosCreator绘图组件的api是参考的
Canvas
的绘图接口,而市面上已经有很多基于
Canvas
绘图接口实现的绘图库,比如paper.js,raphael.js。
Joker_Lee
·
2024-01-11 00:25
three.js实现信号波效果
asTHREEfrom"three";import{OrbitControls}from"three/addons/controls/OrbitControls.js";constcanvesRef=ref(null);const
canvas
Wid
是云呀!
·
2024-01-10 23:07
three.js
javascript
前端
vue.js
echarts自定义主题
这是官方文档初始化echarts时的参数:(dom:HTMLDivElement|HTML
Canvas
Element,theme?:Object|string,opts?
菜鸟搬砖
·
2024-01-10 22:03
实战: 跨年烟花代码的实现(附源码)
二、代码结构1.介绍主html代码2.js文件介绍Game
Canvas
.jsscript.js运行效果前言本文章将介绍跨年烟花代码的实现以及源代码提示:以下是本篇文章正文内容一、pandas是什么?
Vec_Kun
·
2024-01-10 22:12
HTML入门
进阶与实战
python
javascript
html5
css
前端炫酷动画特效分享(附在线预览)
分享7款非常有趣的前端特效源码其中包含css动画特效、js原生特效、svg特效以及小游戏等下面我会给出特效样式图或演示效果图但你也可以点击在线预览查看源码的最终展示效果及下载源码资源
canvas
鼠标粒子跟随动画
迂 幵
·
2024-01-10 21:38
前端
动画
分享
前端
动画特效
源码分享
前端代码
资源共享
前端学习
每次分享
H5新增的属性、样式
-新增元素说明新增元素说明viode表示一段视频并提供播放的用户界面audio表示音频
canvas
表示位图区域source为video和audio提供数据源track为video和audio指定字母svg
qq_40137713
·
2024-01-10 21:08
Java
Script
炫酷科技感黑客感瀑布流html+js+css代码
效果如下代码如下炫酷科技感黑客感瀑布流html代码*{margin:0;padding:0;}body{background:black;}
canvas
{display:block;}varwaterfall
tangdou369098655
·
2024-01-10 19:48
笔记
javascript
html
css
View绘制画布的操作
一、
canvas
的几何变换对
canvas
进行平移、旋转、缩放、倾斜、裁减后,
canvas
将不会主动恢复原状,后续绘制的操作都会在这个改变的
canvas
上进行1.
canvas
的几何变换代码执行顺序是倒序的
石器时代小古董
·
2024-01-10 18:20
Unity WebView在网页中输入中文
1、打开脚本
Canvas
WebVie!
Puffwithaheart
·
2024-01-10 18:11
unity
webview
Unity WebView 中文输入支持
使用版本:Vuplex3DWebViewforWindowsv4.4;测试环境:unityeditor2020.3.40f1c1、Windows;1、打开脚本
Canvas
WebVie!
bosins
·
2024-01-10 17:35
C#
Unity
webview
使用
canvas
怎么实现文本内容自动换行
//ctx:画布的上下文环境//content:需要绘制的文本内容//drawX:绘制文本的x坐标//drawY:绘制文本的y坐标//lineHeight:文本之间的行高//lineMaxWidth:每行文本的最大宽度//lineNum:最多绘制的行数functiontextPrewrap(ctx,content,drawX,drawY,lineHeight,lineMaxWidth,lineNu
四岁爱上了她
·
2024-01-10 15:54
javascript
canvas文本换行
分享
canvas
绘制流星雨代码
感觉很酷炫,直接上图上码Documentconst
canvas
=document.getElementById("
canvas
");
canvas
.width=screen.availWidth;
canvas
.height
攻克难点
·
2024-01-10 15:24
h5文字
html5
css
javascript
【H5】
canvas
画布像素的设置与获取:
【H5】
canvas
画布像素的设置与获取:getImageData()从
Canvas
画板上取得指定位置的像素数据putImageData()将所得到的像素数据描画到
Canvas
画板上createImageData
舜岳
·
2024-01-10 14:11
HTML5
HTML5
canvas
Android 画一个闹钟
其中x,y是圆心protectedvoidonDraw(
Canvas
新镜
·
2024-01-10 11:28
android
实现僵尸跑酷游戏的 UGUI 实践
UI设置以及所获得的金币UI设置等.通过此次实践可以了解到以下内容,对UGUI有一个深入的认识:Sprite资源导入及切割制作主界面欢迎文字制作主界面开始|退出按钮制作人物HUD和金币HUD和时间HUD
Canvas
Group
weixin_30901729
·
2024-01-10 11:23
ui
游戏
【uniapp-小程序-分享图5/4】
utils.js//裁剪分享的图片为5:4constmake
Canvas
=(imgUrl)=>{console.log("imgUrl",imgUrl);returnnewPromise((resolve
聚宝盆_
·
2024-01-10 09:42
uniapp
uni-app
小程序
php
编程笔记 html5&css&js 032 HTML
Canvas
编程笔记html5&css&js032HTML
Canvas
一、什么是HTML
Canvas
?
明月看潮生
·
2024-01-10 09:05
#
html5
少年工程师
成长管理
javascript
css
微信小程序
canvas
画布自由绘制/画笔功能实现
.wxml.wxss定义画布显示样式.
canvas
{background-color:white;height:65vh;width:100%;margin-top:5px;margin-bottom:
句号(在IT行业摸爬滚打)
·
2024-01-10 08:18
微信小程序
微信小程序
小程序
canva可画
画布
微信小程序
canvas
画布实现矩形元素自由缩放、移动功能
获取画布信息并绘制背景.whml.wxss.
canvas
{background-color:white;height:65vh;width:100%;margin-top:5px;margin-bottom
句号(在IT行业摸爬滚打)
·
2024-01-10 08:18
微信小程序
微信小程序
小程序
canva可画
画布
微信小程序
Canvas
画布绘制图片、文字、矩形、(椭)圆、直线
获取
Canvas
RenderingContext2D对象.jsonReady(){constquery=wx.createSelectorQuery()query.select('#my
Canvas
')
句号(在IT行业摸爬滚打)
·
2024-01-10 08:09
微信小程序
微信小程序
小程序
canva可画
画布
Vue<解决html2
canvas
截图不全的问题>
原因:我所知道的原因有两点,第一点:在点击保存图片时,此时要保存的资源较多,造成模块并没有完全加载完毕,就已经生成了截图;解决方案:(加上一个延时操作)//利用html2
canvas
下载
canvas
setTimeout
誰在花里胡哨
·
2024-01-10 08:41
three.js实现扩散光圈效果
asTHREEfrom"three";import{OrbitControls}from"three/addons/controls/OrbitControls.js";constcanvesRef=ref(null);const
canvas
Widt
是云呀!
·
2024-01-10 06:44
three.js
javascript
前端
vue.js
WebGL兼容性检查
引入文件WebGL.jsclassWebGL{staticisWebGLAvailable(){try{const
canvas
=document.createElement('
canvas
');return
土生土长的IU
·
2024-01-10 04:26
threejs
前端基础
webgl
vue2使用html2
canvas
进行截图
跟上篇博客一样,下面代码直接放到vue2的任意页面截图就好,代码如下//我这里安装的html2
canvas
版本信息如下(自行下载插件)"html2
canvas
":"^1.0.0-rc.4",页面的代码如下
萧寂173
·
2024-01-09 20:15
vue
html
vue.js
Vue 前端等比例图片压缩
前端压缩图片的方式是利用
canvas
进行压缩代码如下maximg='xxx'最长边的值getBase64(url,callback){let_that=thisvarImg=newImage(),dataURL
小全upup
·
2024-01-09 20:58
前端
vue.js
状态模式
上一页
10
11
12
13
14
15
16
17
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他