canvas剪裁

使用html2canvas将html转pdf，由于table表的水平和竖直有滚动条导致显示不全（或者有空白）

结果：业务：将页面右侧的table打印成想要的格式的pdf，首先遇到的问题是table表上下左右都有滚轮而html2canvas相当于屏幕截图，那滚动区域如何显示出来是个问题？
Rrar·2023-11-02 14:28

微信小程序 分享图片大小处理

1、在分享的page添加canvas标签2、在分享的page引入makeCanvas(之后下边会定义)，并在onShareAppMessage里使用onShareAppMessage(res){letshareMessage
mr_cmx·2023-11-02 13:20

微信小程序实现分享海报

实现前的注意事项：1、使用的是微信小程序官方的canvas组件官方文档地址2、在canvas中不能绘制网络图片，需要使用wx.getImageInfo({}),文档地址注意最好在画布绘制之前对图片进行转化
小趴菜呢·2023-11-02 13:20

antv/g6 交互与事件及自定义Behavior

分为三类：全局事件、canvas事件、节点/边/combo事件；graph.on(eventName,handler);//以点击事件为例//全局graph.on('click',ev=>{}
heiyay·2023-11-02 12:50

egret结合html标签,egret的WebView实现

Egret由两个层组成，简单看一个页面：id为“canvasDiv的DIV”层是一个canvas，主要用于文字、位图、矢量图等的渲染，i
于室·2023-11-02 11:54

egret 使用spine骨骼动画

egretwing中直接使用这些骨骼动画最开始是使用PIXI在html里面直接使用functioncreateAnibyPixi(strpath,parent){//varrenderer=newPIXI.CanvasRenderer
Lost_the_wind·2023-11-02 11:14

lua 基于C#DOTween 插件封装的 utils.animation库 (类似于 animation.css库)

具体实现（需要向动画节点添加一个CanvasGroups组件
无厘琛·2023-11-02 10:38

偶尔一个css效果-three.js night sky代码解读

先看下原始效果，原作者的地址找不到了，用了我fork的https://codepen.io/shdwu/pen/dyGmmLE还是很炫酷的，现在我们要了解效果实现的原理HTMLcanvas#canvas
前端幼儿班·2023-11-02 10:51

CSS3 之剪裁

简介clip-path是css中可以创建出一个只显示元素部分区域的剪裁区域。剪裁区域内的部分显示，超出部分则隐藏。clip-path是已经废弃的clip的代替属性。
yyscc·2023-11-02 08:41

webgl入门到成仙【入门-04wegbl的实际绘图思路】

的绘图思路找一台电脑浏览器里内置的webgl渲染引擎，负责渲染webgl图形，只认GLSLES语言找一块手绘板程序对象，承载GLSLES语言，翻译GLSLES语言和js语言，使两者相互童心找一只触控笔通过canvas
俞华·2023-11-02 07:39

webgl入门--绘制一个三角

一.html中添加画布你的浏览器似乎不支持或者禁用了HTML5<canvas>元素。
cyydd21·2023-11-02 07:36

解决 Failed to execute ‘texSubImage2D‘ on ‘WebGL2RenderingContext‘: Tainted canvases may not be loaded

报这样的错误：caughtDOMException:Failedtoexecute'texSubImage2D'on'WebGL2RenderingContext':Taintedcanvasesmaynotbeloaded
含影·2023-11-02 05:40

vue 电子签名

import{mapGetters}from"vuex";exportdefault{data(){return{isWarning:false,isAgree:false,headerHeight:"46",canvas
张晓畅·2023-11-02 04:19

一线城市刚毕业女生衣食住行省钱攻略

列一下我的收支：2000+副业兼职400（不一定月月有）=房租800+水电煤网线电视150+水果100+1350（其他支出+存款）原则一、两类服装打造胶囊衣橱：1、刚毕业衣服只买两种，一种是剪裁比较好的轻商务装
魔都夏天的风·2023-11-02 04:33

源码分享-H5小游戏合集-射箭游戏、打地鼠游戏、燃烧吧！大脑、无尽的生机游戏HTML5手机小游戏源码下载

html5canvas绘制射箭小游戏下载html5简单的打地鼠手机小游戏源码HTML5游戏《燃烧吧！大脑》源码下载HTML5游戏《无尽的生机》源码下载
阿杜源码交流·2023-11-02 03:18

Vue笔记_插件组件_lucky-canvas抽奖转盘

vue2.x)[1]下载[2]引入[3]使用配置项-width/height配置项-blocks配置项-prizes配置项-buttons优化案例配置项-defaultConfig测算案例lucky-canvas
乖女子@@@·2023-11-02 02:44

uniapp使用html2canvas实现PCWeb或手机H5截图

uniapp使用html2canvas实现PCWeb或手机H5截图1、导入html2canvasnpminstall--savehtml2canvas2、所需页面引入importhtml2canvasfrom'html2canvas
勉灬之·2023-11-02 02:51

如何用Canvas实现将图片切分九分格

首先页面展示直接上代码Documentbody{text-align:center;}canvas{border:1pxsolid;}.newcanvas{width:316px;height:316px
前端起步·2023-11-02 00:40

MediaRecorder API

虽然直接用例是从摄像头和/或麦克风录制，但此API可以将任何MediaStreamTrack作为输入，无论是捕获轨道、来自使用WebRTC的网络，还是从HTML（Canvas、WebAudio）生成，如图所示在下面的图表中
allway2·2023-11-01 20:44

canvas+face-api人脸实时检测

视频识别人脸constcanvas=document.getElementById('overl
即将牛逼的蛋蛋·2023-11-01 20:25

Android蒙层特定区域透明的实现

先上一张效果图：screen.png具体代码实现：1、自定义drawablepackagecom.xsoft.demo;importandroid.graphics.Canvas;importandroid.graphics.ColorFilter
lion_6bb6·2023-11-01 19:12

android-ncnn-yolov5项目升级

我需要添加一个拍照，去掉CPU按钮，拍照或者选图之后进行剪裁，以及将检测结果图保存到本地。遂零基础自学了一年的Android开发。总算是小成。参考我之前的Android
zsprb1·2023-11-01 19:29

如何处理 form 表单提交后的响应信息？

但这个url不是图片链接而是一个html，其中二维码以canvas的形式展示。问题，如何在dialog弹窗中显示这个付款码？因为form表单请求后会刷新页面。
下雪天的夏风·2023-11-01 19:20

vue3中，使用html2canvas截图包含视频、图片、文字的区域

第一步，先安装npminstallhtml2canvas第二步，在页面引入：importhtml2canvasfrom'html2canvas';第三步，页面使用：1）html部分：这是文字点击截图2）
我爱画页面·2023-11-01 17:03

React Three.js 增加hdr环境贴图和背景图片的方法

ReactThree.js增加hdr环境贴图和背景图片的方法：importReact,{Suspense,useEffect}from'react'import{Canvas,useThree,useLoader
VRlook·2023-11-01 17:59

解决Taro微信小程序Canvas层级太高覆盖Modal组件问题

如下图所示：问题分析开始想的是层级问题，以为设置z-index就可以解决，列出了几种解决方案使用z-index结合canvas的type利用modal显示与否的变量来控制canvas的display将canvas
辰九九·2023-11-01 17:24

webGL编程指南 第五章 MultiAttributeSize_interleaved.js

Documentletcanvas=document.getElementById('canvas');letgl=canvas.getContext('
sogooday·2023-11-01 17:21

webGL编程指南 第五章 MultiAttributeColorjs.js

次变量可以对顶点进行赋值Documentletcanvas=document.getElementById('canvas');letgl=canvas.getCo
sogooday·2023-11-01 17:21

webGL编程指南 第五章 TexturedQuad_Clamp_Mirror

希望能给后来学习的一些帮助git代码地址：空上一章节中我们学习了如何使用varyting变量绘制图片，本章节，我们学习texParameteri的使用Document#canvas{width:100vw
sogooday·2023-11-01 17:21

webGL编程指南 第五章 TexturedQuad

希望能给后来学习的一些帮助git代码地址：空上一章节中我们使用了varying传递，数据，这次我们绘制一张图片Document#canvas{width:100vw;height:100vw;border
sogooday·2023-11-01 17:49

古老的五子棋

display:flex;justify-content:center;align-items:center;height:100vh;margin:0;background-color:#faf1c0;}canvas
880露露088·2023-11-01 16:39

unity button移动位置some values driven by canvas

1可以在button父节点把限制取消勾选2在不动整个布局的情况下，只修改局部变量：忽略布局即可
天人合一peng·2023-11-01 13:20

java websocket 库_详解WebSocket+spring示例demo（已使用sockJs库）

1、简介作为下一代的Web标准，HTML5拥有许多引人注目的新特性，如Canvas、本地存储、多媒体编程接口、WebSocket等等。
tom-sun·2023-11-01 13:43

websocket个人理解总结

//www.ibm.com/developerworks/cn/web/1112_huangxa_websocket/index.html作为下一代的Web标准，HTML5拥有许多引人注目的新特性，如Canvas
weixin_30267691·2023-11-01 13:12

WebSocket spring示例demo （已使用sockJs库）

1、简介作为下一代的Web标准，HTML5拥有许多引人注目的新特性，如Canvas、本地存储、多媒体编程接口、WebSocket等等。
火云咩哈哈·2023-11-01 13:11

HTML5 WebSocket简介

前言作为下一代的Web标准，HTML5拥有许多引人注目的新特性，如Canvas、本地存储、多媒体编程接口、WebSocket等等。
liuyez123·2023-11-01 13:39

微信小程序canvas图片融合及画布隐藏问题记录

近期公司项目中有一个定制卡封面需求，是将几张图片融合成一张，并可以切换卡片横竖版的效果，最终需求如图：效果图这个需求乍一听起来并没有什么问题，只要看下小程序画布API就可以，但是实际上遇到的问题我花费两个晚上才基本解决，而且还有一个至今无法解决的问题也希望大家给出宝贵建议!知道大家不喜欢墨迹，我先上完整代码，如果大家着急需要，直接过去拿代码就可以了，里面注释很丰富！如果可以希望大家给文章点个赞，码
此生唯一自传·2023-11-01 11:59

Flutter 小技巧之不一样的思路实现炫酷 3D 翻页折叠动画

相信可能很多人第一想法就是：在Dart里通过矩阵变换配合Canvas实现。
恋猫de小郭·2023-11-01 09:55

粒子动画背景实现

：http://isweety.me/particle-bg/效果:)不带连线效果：bVbga5q.png带连线的效果：bVbga5F.png教程要实现这样的效果其实很简单，大概分为这么几个步骤：创建canvas
PengJiyuan·2023-11-01 08:11

基于 HTML5 Canvas 的简易 2D 3D 编辑器

不管在任何领域，只要能让非程序员能通过拖拽来实现2D和3D的设计图就是很牛的，今天我们不需要3dMaxs等设计软件，直接用HT就能自己写出一个2D3D编辑器，实现这个功能我觉得成就感还是爆棚的，哈哈！只要你会想，能做，就能根据这个编辑器延展成bigthing！本例地址：http://www.hightopo.com/demo/drag-create-data/下面是实现效果图：我们首先将所有需要用
图扑软件·2023-11-01 08:02

基于HTML5 Canvas 实现商场监控

伴随国内经济的高速发展，人们对安全的要求越来越高。为了防止下列情况的发生，您需要考虑安装安防系统：提供证据与线索：很多工厂银行发生偷盗或者事故相关机关可以根据录像信息侦破案件，这个是非常重要的一个线索。还有一些纠纷或事故，也可以通过录像很容易找出相关人员的责任。人防成本高：现在很多地方想到安全就想到要雇佣保安，每个保安每个月800，每天3班倒，一班人员一年就需要将近4万元，相比于电子安防设备成本并
图扑软件·2023-11-01 05:24

基于HTML5 Canvas的3D动态Chart图表

发现现在工业SCADA上或者电信网管方面用图表的特别多，虽然绝大部分人在图表制作方面用的是echarts，他确实好用，但是有些时候我们不能调用别的插件，这个时候就得自己写这些美丽的图表了，然而图表轻易做不成美丽的。。。看到有一个网站上在卖的图表，感觉挺好看的，就用HTforWeb3D做了一个小例子，挺简单的，也挺好看的，哈哈~Demo地址：http://www.hightopo.com/demo/
图扑软件·2023-11-01 05:54

基于HTML5 Canvas的CSG构造实体几何书架

CSG构造实体几何这个概念在工业水利水电施工上、游戏上已经有很多人使用了，最简单的实体表示叫作体元，通常是形状简单的物体，如立方体、圆柱体、棱柱、棱锥、球体、圆锥等。根据每个软件包的不同这些体元也有所不同，在一些软件包中可以使用弯曲的物体进行CSG处理，在另外一些软件包中则不支持这些功能。构造物体就是将体元根据集合论的布尔逻辑组合在一起，这些运算包括：并集、交集以及补集。我们一般可以用CSG来将简
图扑软件·2023-11-01 05:54

WebGL

我曾在13年通过canvas做过几个气泡弹弹和canvas的小游戏，当时尽管几十行代码，就已经把Cpu运行的很高。javascript
肖雨San·2023-11-01 03:55

草木闲话

它旁逸斜出，因从未遭刻意剪裁而得以放任地生长，又因海棠、玉兰、丁香们的招摇使它并不惹眼。但是，到了冬天，人们缩颈，它独绿。蜡质的叶子簇拥着，在风中簌簌有声。干冷无风的早晨，它们屏息，让人倍觉凛冽。
山说·2023-11-01 03:02

OpenLayers入门，使用OpenLayers叠加多边形、圆形、线段和点要素到地图上

就如同photoshop这些图像编辑软件和游戏引擎一样，OpenLayers是基于图层(layer)结构设计的，通过创建不同图层叠加到canvas画板上实现地图效果。那么闲话少讲，让我们来看看
汤姆猫不是猫·2023-11-01 01:33

OpenLayers入门，OpenLayers如何使用gifler库来实现gif动态图图片叠加到地图上

本章使用gifler库先生成canvas画板，然后通过canvas画板的重绘事件来重新渲染地图来达到实现OpenLayers的gif动态图功能。
汤姆猫不是猫·2023-11-01 01:32

多种办法完美解决AttributeError: module ‘backend_interagg‘ has no attribute ‘FigureCanvas‘

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录一、报错截图二、解决办法--方法12.1添加两行代码三、解决办法--方法23.1安装matplotlib3.5.0版本及其以下的四、结果展示，成功出图总结一、报错截图二、解决办法–方法12.1添加两行代码importmatplotlibmatplotlib.use('TkAgg')三、解决办法–方法23.1安装matplotl
小桥流水---人工智能·2023-10-31 21:53

前端之学习 canvas 的基础语法

前端之学习canvas的基础语法前言今天，学习了canvas的一些语法知识和使用，在这里分享给大家一起学习交流首先，我们应该了解canvas是什么，有什么用，文章最后，我们将使用canvas绘制一个刮刮卡的中奖特效
快乐的小番茄2001·2023-10-31 17:29

前端如何实现多种方式圆形可点击区域

其中使用canvas实现的方式可以更好地适用于需要绘制复杂图形的情况下。
嚣张农民·2023-10-31 17:54
上一页 35 36 37 38 39 40 41 42 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他