51CTO首页
AI.x社区
博客
学堂
精品班
软考社区
免费课
企业培训
鸿蒙开发者社区
信创认证
公众号矩阵
移动端
视频课 免费课 排行榜 短视频 直播课 软考学堂
全部课程 软考 信创认证 华为认证 厂商认证 IT技术 PMP项目管理 免费题库
在线学习
文章 资源 问答 课堂 专栏 直播
51CTO
鸿蒙开发者社区
51CTO技术栈
51CTO官微
51CTO学堂
51CTO博客
CTO训练营
鸿蒙开发者社区订阅号
51CTO软考
51CTO学堂APP
51CTO学堂企业版APP
鸿蒙开发者社区视频号
51CTO软考题库
CKA（Kubernetes 管理员认证）精品班
按照企业k8s需求进行技能培训，帮助用户快速拿下CKA认证，K8S采用新版本进行授课，课程内容全、讲解详细 。 免费试学
软考高级：系统架构设计师精品班
根据考试大纲对知识点、高频考点进行深入讲解，传授答题技巧及判断标准，助力高效备考。 免费试学
信创认证：系统架构师精品班（高级）
信息技术应用创新人才考试评价 免费试学

html5切图
享受生活，热爱重构，大家好，我是Json。在现在这个到处是HTML5话题的时代，好像不懂点HTML5都有点落伍。那我也跟上潮流一把吧，今天给大家分享的是基于HTML5的自助切图。在组里经常会被某设计师叫切板仔，确实重构很大一部分工作都花在切图上，而如何提高切图效率或者让切图自助化也是我们重构师的追求。基于这个前提我自己抱着研究的心态，使用HTML5大致实现了一下。一开始觉得HTML5是个很神秘很高
html5切图
h5页面如何切图
拖拽
切图
HTML5
转载
goody
7月前
34阅读

html5 切片录制 切图html
切图流程和注意事项切图的正确流程做法是：1 写框架。拿到psd后，先不要做别的，直接在文本编辑器中将网页的框架写出来，不要假设这块将来css要去怎么渲染，完全自然化的标签，不加任何的css。2 查适配。写完之后在各个浏览器运行之后确保大体定位都没有问题。如果是手机wap、微信活动页面，还要注意按手机屏幕大小进行适配。3 书写总体css,这里的css只负责大块的定位及样式。4 不断调试。切出需要的图
html5 切片录制
css
html
CSS
转载
网络安全战士
2024-01-19 13:31:05
70阅读

html5 img切割 前端切图html
注：本篇文章基于HTML5/CSS3，较少考虑浏览器兼容性（兼容性查询可以见caniuse.com网站），需要读者注意。前端开发≠切图，但前端开发需要会切图，切图是衔接PSD与HTML静态页面的桥梁。作为需要涉猎前端的后端工程师，在切图中需要掌握如下的知识：如何评价切图切的好切图质量的好坏评价可以从如下几个方面来判断：业务角度：制作完的HTML网页还原度高，甚至做到像素级还原；技术角度：图片体积小
html5 img切割
前端
photoshop
后端
ViewUI
转载
mob64ca13f96cda
2023-11-07 13:15:43
73阅读

html5 轮播图 html5轮播图自动切换
使用html和js实现的一个简单小练习轮播图。大概功能主要是：1、使用时间函数自动切换图片；2、在图片及按钮及小圆点的父节点身上绑定事件代理，添加mouseenter及mouseleave事件类型，让鼠标移入，图片暂停，移出，图片恢复轮播；3、在按钮的父节点身上绑定事件代理，事件类型为click，使用event.target判断点击的目标范围，让左右两个按钮，点击可以切换上一张或下一张； 4、给图
html5 轮播图
javascript
html
前端
ci
转载
我是数据分析师
2023-07-18 11:32:49
658阅读

html5 切水果游戏
# HTML5 切水果游戏开发指南 在这篇文章中，我们将一起学习如何用 HTML5 开发一个简单的切水果游戏。对于刚入行的小白来说，这将是一个有趣而且具有挑战性的项目。我们将分步骤指导你完成这个过程，并为每一步提供必要的代码和详细的解释。 ## 项目流程 为了让你更好的理解整个项目，以下是我们将要进行的步骤流程表： | 步骤 | 描述 | |-
HTML
html
css
原创
mob649e81630984
10月前
119阅读

HTML5切绳子源码
回顾与“Angry Birds”一样，2010年发布的“割绳子”是一款火爆的手机游戏，首先推出的是iOS版，于去年6月份推出Android版。它的游戏内容是：一个叫Om Nom的绿怪兽饿了，你必须喂他糖果，而要得到糖果，你要先割断绳子以及操纵安全气袋和泡泡，过程中还要收集星星来获取额外积分。为了进一步宣传IE9和华丽的Web应用程序，微软与该款游戏的开发商ZeptoLab联合推出了HTML 5版“
HTML5切绳子源码
物理引擎
碰撞检测
HTML
转载
mob64ca14031c97
2月前
333阅读

html5 轮播图自动切换 html轮播图按钮
今天，我们来学习按钮自动轮播图，并给按钮加一些小特效。话不多说，先上特效：         好，那么接下来，我来说一下我的思路先写好基本的框框（包括，按钮外面的框，按钮以及按钮的布局和大小）为按钮的总体加上动画（一行一行按钮向上翻）为小按钮加上小特效（鼠标放到按钮上，颜色缓慢变化）第一步  &nbs
html5 轮播图自动切换
css
html
HTML
CSS
转载
mob64ca14085c24
2024-02-03 02:12:21
109阅读

html5 图 html5 图片裁剪
使用html5的canvas实现图片的裁剪 前言图片裁剪上传，不仅是一个很贴合用户体验的功能，还能够统一特定图片尺寸，优化网站排版，一箭双雕。需求就是那么简单，在浏览器里裁剪图片并上传到服务器。我第一个想到的方法就是，将图片和裁剪参数（x，y，scale，rotate）一并上传给服务器，服务器来做图片处理，so easy。但是，这并不符合潮流发展的方向：
html5 图
canvas
上传
HTML5
服务器
转载
编程梦想翱翔者
2023-07-13 17:02:22
243阅读

b站切回html5
在视频播放领域，b站的切回HTML5联想到的问题主要是兼容性与性能的挑战。随着技术的发展，从Flash到HTML5的转变为用户提供了更好的体验，那么在这个过程中我们该如何应对“b站切回HTML5”的问题呢？ ## 版本对比 为了更好地理解在版本迁移中需要应对的兼容问题，首先我们需要对比下早期的Flash版本与当前的HTML5版本。 | 功能/特点 | Flash |
HTML5
ide
ci
原创
mob649e8165596b
6月前
41阅读

html5 切水果游戏 试玩切水果游戏
刚接触CocosCreator，写个小游戏练练手，熟悉一下cocos creator。水果忍者的游戏，逻辑部分应该还是比较简单的，主要应该就涉及到水果的运动、分开，刀光效果等等。CocosCreator版本是2.1.2，相关图片资源来源于网上。首先先做一下主界面，以及刀光的制作。完成后大概像这个样子：首先创建场景start，并且拖动相应的图片放进去做为Canvas下的子节点，这里面水果和炸弹应当需
html5 切水果游戏
小游戏
CocosCreator
水果忍者
javascript
转载
月光倾城美
2023-10-02 08:08:25
289阅读

html5 动态布局 html5布局图
组织结构图（Organization chart）是企业的流程运转、部门设置及职能规划等最基本的结构依据。和客户交流时，不少人都提到需要一个灵活的工具来绘制呈现企业的组织架构，今天就给大家带来一款用TWaver实现的组织结构图，提供多种布局方式，为了清晰呈现组织里每个人的职能，我们定制了名片样式来展示网元。首先来看下整体的效果，是上下布局的样式：也可以调整为圆形布局： 这些布局用twav
html5 动态布局
html5
圆角矩形
位图
组织结构
转载
mob64ca14092155
2023-08-27 12:44:46
193阅读

html5效果图 html5设计
首先，Jeremy回顾了HTML的历史，从HTML 2.0到XHTML 2.0，此处他引用了Postel法则(鲁棒性原则)：对自己发送的东西要严格，对接收的东西则要宽容。指出XHTML 2.0由于语法解析过于严格，因此不太适合于Web。Jeremy认为所有的项目都应该有设计原则，HTML5也同样如此，W3C就为此发布了HTML设计原则，他强调了其中的兼容性、实用性与互操作性。1、避免不必要的复杂性
html5效果图
html5设计知识
HTML5
HTML
控件
转载
架构设计师
2023-08-10 14:31:20
173阅读

html5复杂布局 html5布局图
HTML5+CSS3学习笔记（九） 文章目录HTML5+CSS3学习笔记（九）一、文档流布局二、浮动布局三、定位布局四、表格布局五、弹性布局1. 弹性容器特点2. 设置弹性容器属性值3. 设置弹性子元素（弹性项）属性值六、网格布局1. 网格容器特点2. 设置网格容器属性值3. 设置网格子元素（网格项）属性值4. 利用命名进行布局结尾 一、文档流布局块级元素自上至下垂直排列，行内元素自左至右水平排列
html5复杂布局
前端
css3
html5
属性值
转载
clghxq
2023-07-12 17:46:22
277阅读

html5 table布局 html5布局图
html5中为了便于设计者的网站布局新添加了一些标签，本文主要讲解这些标签的实际应用方法。大多数前端的朋友在设计网站时主要应用<div>标签构造盒子进行布局，这是种非常高效的方法，可以将整体的布局分拆成为各个部分的布局。在html5中我们可以省去更多的时间对盒子的属性进行设置。下面两图是对传统方法与HTML5布局方法的对比，可以看出，两种方法都能实现我们的设计思想。 &nbs
html5 table布局
html5
HTML5
开发者
转载
网络小墨
2023-11-19 11:22:31
97阅读

html5 自由布局 html5布局图
最近在学习css的时候会经常用到左右布局。所以会先建立一个div容器，里面添加图形和文本 效果图如下。 于是第一步会先建立一个div，然后在内部添加两个div。<div class="item-box"> <div class="item-box-icon"> </div> <div class="item-box-
html5 自由布局
ico
html
css
转载
mob64ca1407d5aa
2023-11-13 10:38:30
116阅读

切水果html5源代码 切水果游戏界面
今天跟大家分享一个Cocos Creator 3D切水果的实战案例，帮助大家掌握Cocos Creator开发3D微信抖音小游戏，开发工具我们采用的是Cocos Creator 3.6。先上一波游戏操作效果图，接下来通过本文来讲解这个游戏的一些核心的技术点。对啦！这里有个游戏开发交流小组里面聚集了一帮热爱学习游戏的零基础小白，也有一些正在从事游戏开发的技术大佬，欢迎你来交流学习。游戏项目资源准备我
切水果html5源代码
3d
3D
UI
数据
转载
mob64ca13fe62db
2024-02-04 00:38:02
141阅读

html5 雷达图
# 深入了解 HTML5 雷达图 随着互联网的发展，数据可视化在现代应用程序中愈加重要。雷达图（又称蛛网图）是一种常用的图表类型，通常用于展示多维数据。HTML5 提供了强大的绘图功能，使得我们能够轻松地创建坐标图形，包括雷达图。在这篇文章中，我们将探讨如何使用 HTML5 和 JavaScript 创建雷达图，并给出具体的代码示例。 ## 什么是雷达图？ 雷达图是一种表示多变量数据的图表，
数据
HTML5
Math
原创
mob64ca12f463e6
8月前
108阅读

组态图 html5
可支持chart 、svg、动态数据绑定、动画绑定、直线、曲线、二次贝塞尔曲线、圆、弧线、长方形、扇形、图片等云组态绘图开发平台地址：http://39.99.221.137:7166/ 用户名：test2 密码：888888在这里插入代码片<iframe 组态绘图案例frameborder=“0” src=“https://v.qq.com/txp/iframe/player.html?
组态图 html5
绘图工具
组态绘图
canvas
网络拓扑
转载
mob64ca140530fb
2月前
443阅读

切水果游戏 html5 切水果游戏编程代码
 目录引言一、需要导入的包二、窗口界面设置  三、随机生成水果位置    四、绘制字体 五、玩家生命的提示六、游戏开始与结束的画面   七、游戏主循环  引言水果忍者的玩法很简单，尽可能的切开抛出的水果就行。今天小五就用python简单的模拟一下这个游戏。在这个简单的项目中，我们用鼠标选择水果来切割，同时炸弹也会隐藏在
切水果游戏 html5
ide
数据
窗口大小
转载
karen
2024-01-09 15:07:21
661阅读

html5直连图
html5直连图（HTML5 Direct Connection Graph）是一种高效的数据可视化工具，能够将数据以图形方式直观地展现出来。其主要应用在网络开发、数据分析以及用户界面设计等领域。为了帮助大家更好地解决与 html5直连图相关的问题，以下是一个综合性的解决方案，涵盖版本对比、迁移指南、兼容性处理、实战案例、排错指南以及性能优化的内容。 ### 版本对比 在进行 html5直连图
html5
App
性能优化
原创
mob64ca12ebb57f
6月前
15阅读
  • 1
  • 2
  • 3
  • 4
  • 5
精品课程领资料
免费资料>
2025软考
系统架构设计师 系统规划与管理师 软件设计师 系统集成项目管理工程师
信创认证
系统架构师 信创集成项目管理师 信创规划管理师 系统开发工程师
厂商认证
CKA/CKS架构师 红帽认证工程师 Oracle-OCP认证 Oracle-OCM认证
IT技术
数据库高级工程师 AIGC大模型实战 Linux云计算架构师 Python全栈开发
华为认证
数通HCIP认证 云计算HCIE认证 华为存储HCIE认证 HCIP安全认证
相关文章

HTML5 动图

HTML5布局图

html5抠图

html5动图

html自动转换html5

html5电路图 html5画图代码

html5配图

轮播图html5

html5滚动图

Copyright © 2005-2025 51CTO.COM 版权所有 京ICP证060544号

关于我们
官方博客 全部文章 热门标签 班级博客
了解我们 网站地图 意见反馈
友情链接
鸿蒙开发者社区 51CTO学堂
51CTO 软考资讯