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:
【前沿技术了解】web图形
Canvas
、svg、WebGL、数据可视化引擎的技术选型
目录
Canvas
:HTML5新增
Canvas
标签(画布)渲染上下文
canvas
.getContext(contextType[,contextAttributes])上下文类型(contextType)
参宿7
·
2023-11-27 14:36
前端面试
信息可视化
Android 自定义 View 实现横行时间轴
需要具备的知识:Paint、
Canvas
、自定义view的绘制流程。一、已经有很多RecycleView实现时间轴的例子,为何还要费劲的使用自定义view去实现时间轴?
不正经的创造者
·
2023-11-27 12:30
Python爬取百度图库和上传百度图库
fromtkinterimportTk,constants,Scrollbar,
Canvas
,Label,Button,Frame,Entry,Spinbox,messagebox,StringVar,
CJ21
·
2023-11-27 11:05
一个很实用的钢笔绘制工具PenTool
demo体验一下最近在github上闲逛的时候发现了一个不错的小插件penTool.这个工具支持用鼠标在
canvas
上绘制路径。
swen_xiong
·
2023-11-27 09:12
canvas
canvas
分享一个鬼~
先看效果:上源码:importGUIfrom"https://cdn.jsdelivr.net/npm/
[email protected]
/+esm"const
canvas
El=document.querySelector
timi先生
·
2023-11-27 07:11
CSS
javascript
css3
css
前端技术使网页生成PDF预览并下载
前端技术使网页生成PDF预览并下载,使用jsPDF、html2
Canvas
,调用getPdfFun()即可。
海阔天空BM
·
2023-11-27 04:59
JS
前端
pdf
javascript
vue页面导出pdf文档并上传pdf格式给后台
下载依赖yarnaddhtml2
canvas
//将页面html转换成图片yarnaddjspdf//将图片生成pdf定义全局函数,创建htmlToPdf.js文件importhtml2
Canvas
from'html2
canvas
'importJsPDFfrom'jspdf'exportdefault
smallbench
·
2023-11-27 04:26
vue.js
javascript
前端
前端 js JavaScript 生成 pdf,html2
Canvas
+jspdf.js实现(导出、下载pdf)长图不分页
前端js生成pdf本文主要使用jspdf+html2
Canvas
实现html转pdf。
CSDN_33901573
·
2023-11-27 04:53
JavaScript
前端
PDF
javascript
pdf
前端
前端实现生成pdf文件并下载
前端实现生成pdf文件并下载思路下载依赖使用方式备注参考思路通过html2
canvas
将HTML页面转换成图片,然后再通过jspdf将图片的base64生成为pdf文件下载依赖html2
canvas
把html
Boale_H
·
2023-11-27 04:23
项目中实现的一些业务需求
前端
pdf
javascript
js生成pdf并自动上传
1.生成pdf前要让js选中生成pdf部分的dompdf内容区2.使用两个插件,import到项目里,然后是获取dom进行生成pdf操作importhtml2
canvas
from'html2
canvas
'importJsPDFfrom'jspdf'functioncreatePdf
天蚕土豆丝
·
2023-11-27 04:22
javascript
pdf
前端
canvas
之图形的变化(平移,缩放,旋转)
1、保存与恢复
canvas
状态ctx.save();暂时将当前的状态保存到堆中ctx.restore();该方法用于将上一个保存的状态从堆中再次取出,恢复该状态的所有设置。
mj_小军
·
2023-11-27 03:29
android
Oepnlayer结合HTML5
Canvas
绘制底图与站点,可实现缩放平移
1、准备引用库:元素:声明:varmap;//
canvas
负责绘图,map_element负责监听鼠标事件(map_element在上,
canvas
在下)var
canvas
,context,map_element
调皮的小强
·
2023-11-27 03:29
开源地图
Canvas
Openlayer
绘制地图
平移
缩放
使用
canvas
绘制图形
canvas
是html5新增的专门用来绘制图形的元素,在页面上放置一个
canvas
元素,就相当于在页面上放置了一块画布,可以在其中使用方法进行图形的绘制。
遥远的日光
·
2023-11-27 03:57
canvas
html
javascript
HTML5
Canvas
平移,放缩,旋转演示
HTML5
Canvas
中提供了实现图形平移,旋转,放缩的API。
gloomyfish
·
2023-11-27 03:27
HTML5
HTML5
Canvas编程
canvas
根据坐标点绘制图形
有一需求,需要根据后台返回的坐标集在
canvas
中绘制图形。由于
canvas
使用不多,简单记录学习一下。
V_AYA_V
·
2023-11-27 03:26
vue
canvas
vue
fabric.
Canvas
fabric.
Canvas
new
Canvas
()
Canvas
class源码:fabric.js,line11253教程:http://fabricjs.com/fabric-intro-part-1#
canvas
hbh112233abc
·
2023-11-27 03:26
fabric.js
fabric
javascript
css3
canvas
扩展001:利用fabric绘制图形,可以平移,旋转,放缩
canvas
实例应用100+专栏提供
canvas
的基础知识,高级动画,相关应用扩展等信息。
还是大剑师兰特
·
2023-11-27 03:24
#
canvas实例应用100+
fabric
canvas变形
canvas扩展
canvas放缩
屏幕旋转实现方案,支持全平台
设置屏幕旋转cc.view.setOrientation(),这个API的描述文档写着对native无效,实际上还是有影响的设置framesize为对应方向的尺寸cc.view.setFrameSize()更改
canvas
Cleve_baby
·
2023-11-27 03:13
cocos
creator
typescript
canvas
-实现放大镜效果
canvas
-实现放大镜效果目录文章目录前言推荐阅读代码展示结果展示前言本文为
canvas
实现放大镜逻辑简单,适合作为基础项目练手推荐阅读《H5
canvas
核心技术》代码展示Documentbody{background
莫兮是我
·
2023-11-27 02:09
前端
JS
WEB
css
canvas
html中放大镜案列,
Canvas
实现放大镜效果完整案例分析(附代码)
本文主要记录
canvas
在图像、文字处理、离屏技术和放大镜特效的实现过程中使用到的api。
li旭旭
·
2023-11-27 02:09
html中放大镜案列
canvas
整体放大_【HTML5】
Canvas
实现放大镜效果
图片放大镜效果原理首先选择图片的一块区域,然后将这块区域放大,然后再绘制到原先的图片上,保证两块区域的中心点一致,如下图所示:初始化获得
canvas
和image对象,这里使用标签预加载图片,关于图片预加载可以看这里
Cristalsil苏
·
2023-11-27 02:09
canvas整体放大
canvas
之放大镜效果
利用
canvas
来实现放大镜效果很简单,而且效果相对于传统的js实现,更加流畅,体验效果更好。
WHTGS
·
2023-11-27 02:08
canvas
JS
canvas
图像放大镜效果
效果图如下:鼠标按下并移动放大镜出现,释放或移出图片外放大镜消失代码如下:#
canvas
{display:block;border:1pxsolid#aaa;margin:0auto;}#off
Canvas
辣姐什么鬼
·
2023-11-27 02:08
web前端
web前端
canvas
Canvas
实现放大镜效果
引言:大家都在淘宝上买过东西吧,应该都知道鼠标放到照片上时会将图片放大,这就是接下来要写的放大镜效果。主要思路:其实很简单就是用drawImage这个方法来操作的,两个画布一个将原图绘制上去,另一个给一个定位absolute,随着鼠标的移动来改变它的left和top值来实现画布随着鼠标的移动而移动,并且将绘制原图的画布上用drawImage截取下来的绘制到定位的画布上以实现放大的效果。HTML没什
Agoni_轩
·
2023-11-27 02:38
canvas
js
放大镜
html
canvas
版放大镜
效果预览图完整代码放大镜*{margin:0;padding:0;}
canvas
{display:block;margin:0auto;border:1pxsolid#000;}letcan=document.querySelector
小姚学前端
·
2023-11-27 02:36
canvas
javascript
前端
开发语言
Android自定义控件开发入门与实战(12)
Canvas
,kotlin入门潜修
RectFbounds:要保存的区域所对应的举行对象intsaveFlags:取值ALL_SAVE_FLAG表示保存全部内容。别的值之后再讲述。第二个构造函数其实和第一个一样,只不过它是根据4个点来构造一个矩形的。下面我们接下来以Xfermode为例,看看saveLayer()函数都做了什么。我们先使用Xfermode来做一个SRC_IN的效果:@OverrideprotectedvoidonDr
m0_66264324
·
2023-11-27 00:39
程序员
架构
移动开发
android
CS213代写、代做Java、Java编程设计调试、Program代写代做Processing|代做Java程序
March14~March22)Submission1.Youmustdesignateasubmitter(oneoftheteammembers)tosubmitallrequiredfilesto
Canvas
.Thecommentbl
yuehuati
·
2023-11-26 22:26
关于
Canvas
保存为图片
var
canvas
=document.querySelector("#
canvas
");varstrDataURI=
canvas
.toDataURL("image/jpeg");这就是获取数据的方法,网上都很多这样的代码
陨石坠灭
·
2023-11-26 17:12
url生成二维码
#qrcode').qrcode({width:125,height:125,text:'http://www.baidu.com'});$("#save").click(function(){var
canvas
kalrase
·
2023-11-26 13:21
Taro中 css和
Canvas
使用自定义字体解决方案
打开stylesheet.css复制内容到app.cssimage.pngcss中fontFamliy:'BelweBT'
canvas
中同理,但是经过测试,如果
canvas
中想要生效,必须在css中某个地方先使用一遍
写代码的杰西
·
2023-11-26 12:33
前端面试中遇到的问题总结
一、html5:新特性1.语义化标签2.viedoaudio3.表单中新增了一些类型placehoder这些什么的4.
canvas
画布这些都是差不多5.svgsvg和
canvas
区别:
canvas
是和javascript
web小白的进阶之路
·
2023-11-26 10:10
前端面试题
Unity:切换场景过度
创建一个
Canvas
挂载以下代码,代码下有一个带射线碰撞的透明Image名字叫"stopSelectAll"并设置为隐藏和一个不带射线碰撞的加载页面图片的Image名字叫"Loading"usingSystem
努力长头发的程序猿
·
2023-11-26 09:34
C#
Unity
unity
c#
游戏引擎
Ylearn因果推断入门实践——Kaggle银行客户流失
https://github.com/Data
Canvas
IO/YLearnYLear
肖永威
·
2023-11-26 06:18
数据分析
人工智能及Python
人工智能
因果推断
YLearn
Python
代写CS22 Video Game Inventory帮做Java程序
RequirementPleasesubmitthefollowingjavaprogramsinazippedfolderon
Canvas
:VideoGameInventory:VideoGameClass
youxinchu
·
2023-11-26 04:57
小程序
Canvas
2D问题解决,如安卓drawImage不执行、动态高度设置、高度1365(或4096)限制等
我的最新版小程序想在绘制时使用自定义字体,需要将旧版
canvas
升级到2d新版,发现了许多问题,下面记录一下并提供解决思路,仅供参考,欢迎提供新思路。
imooos
·
2023-11-26 02:14
微信小程序
关于antV G6中的on事件、util.each事件及update方法等的使用总结
比如说高亮箭头及关联属性、关系图的缩放、以及由于G6是基于
canvas
原理所以无法对其绘制的节点局部添加事件。因此在此记录下自己在使用G6实现数据库关系图时使用到的一些及技术点。
春上
·
2023-11-26 02:37
可视化
2311skia,02绘制图片
drawBitmapvoiddrawBitmap(constSkBitmap&bitmap,SkScalarleft,SkScalartop,constSkPaint*paint=NULL);把位图画到x,y的位置(自身是个平移,需要叠加Sk
Canvas
fqbqrr
·
2023-11-26 01:26
skia
c++
cpp
skia
vue+element加入签名效果(移动端)
最近根据公司项目需求做一个在线签名,技术栈用的是vue+Elementui想了想这...
canvas
我不太会,简单画线可还行...
weixin_34092455
·
2023-11-25 23:52
javascript
ui
ViewUI
WebGL/threeJS面试题扫描与总结
请解释three.js中的WebGL和
Canvas
的区别?
xyphf_和派孔明
·
2023-11-25 22:17
WEBGL/ThreeJS
Web前端面试
webgl
信息可视化
three.js
3D数据可视化
js 将图片转为base64格式
两种方式:1.利用
canvas
绘制图片:适用转换本地路径图片2.通过网络请求图片地址,并返回blob格式,再操作:适用服务器端图片1.利用
canvas
绘制data(){return{img4:""}},
漫天绯羽
·
2023-11-25 16:54
javascript
开发语言
ecmascript
js将图片转base64两种方法
第一种:Image+
canvas
constgetBase64Image=src=>{returnnewPromise(resolve=>{constimg=newImage()img.crossOrigin
一枚小银子
·
2023-11-25 16:54
javascript
前端
Cesium场景导出为图片功能
Cesium场景导出为图片前言很多时候用户需要将场景导出为图片进行使用,Cesium可以通过
canvas
的方式将场景导出为图片文件,达到我们想要的效果效果图关键代码exportfunctionsaveToFile
xt3d
·
2023-11-25 07:09
Cesium
canvas
js
webgl
cesium实现场景导出图片功能
description:场景导出*@param{*}_viewer*@return{*}*/functionsaveToImage(_viewer){//不写会导出为黑图_viewer.render();let
canvas
右弦GISer
·
2023-11-25 07:37
cesium
gis
cesium
Cesium 展示——地球以及渲染数据导出(下载)为图片或 pdf
文章目录需求分析新加需求分析第一种方式第二种方式需求将Cesium球体以及渲染数据导出为jpg/png/pdf分析获取场景scene信息,转为image的octet-stream流进行下载为图片/***@todo
canvas
博客zhu虎康
·
2023-11-25 07:52
Cesium
javascript
前端
开发语言
nodejs 将word转为pdf office-to-pdf
需借助html2
canvas
遍历页面中的dom节点,渲染成
canvas
image,再用jspdf把图片转为pdf。office-to-pdf用于word转pdf。
李庆政370
·
2023-11-25 07:22
node.js
pdf
linux
炫酷爱心表白
一、代码Loveyoubody{margin:0;overflow:hidden;background:#000;}
canvas
{position:absolute;width:100%;height:
青枫浦上看桃花
·
2023-11-25 03:47
spring
boot
spring
java-ee
学习笔记-
canvas
文本
canvas
绘制文本1.font-定义字体2.fillText(text,x,y)-在
canvas
上绘制实心的文本3.strokeText(text,x,y)-在
canvas
上绘制空心的文本查看在线实例绘制高
九饼是个大饼脸
·
2023-11-25 03:00
Vue中如何根据svg内容显示图片
因为svg图片有:矢量图形,不受像素影响;SVG的结构是XML,其可访问性(盲文、声音朗读等)、可操作性、可编程性、可被CSS样式化完胜
Canvas
;等优点,所以在我的项目中多以svg为主。
高考我军
·
2023-11-24 19:50
vue
vue.js
svg
Unity 头顶图文字性能优化
常用解决方案:1、创建两个
Canvas
,一个放所有文本Text,一个放所有Image。但这里有会有两个问题:一旦文字夹在两个Image中间,还有就是由于他们没有层级关系所以在排版对坐标上比较麻烦。
一零壹0
·
2023-11-24 18:04
unity
unity
ugui
优化
flutter for web 打包及 本地服务
打开速度快,兼容性好flutterbuildweb--web-rendererhtmlflutterbuildweb打开速度慢,对于复杂的页面兼容性好flutterbuildweb--web-renderer
canvas
kit
十年开发初学者
·
2023-11-24 17:14
上一页
22
23
24
25
26
27
28
29
下一页
按字母分类:
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
其他