web端图形绘制--VML--SVG

html矢量图 SVG VML 介绍 观看者:想了解html矢量图知识的同学 目标:了解html矢量图知识,svg和vml 兼容方案。 实现方式:代码及相关文字解释。 最近web项目需要一些流程图的支持,于是研究了一下这部分东西,觉得很好玩,分享给大家。由于内容比较多而且涉及到很多细节的东西,所以我可能得分很多篇来介绍,这节就介绍一些基础知识。 矢量图形:也称为面向对象的图像或绘图图像,在数学上定义为一系列由线连接的点 阅读详情

 VML相当于IE里面的画笔,能实现你所想要的图形,而且结合脚本,可以让图形产生动态的效果。VML是微软1999年9月附带IE5.0发布的,但现在已经被微软抛弃了。最新的浏览器都不支持其应用。


学习VML可以参考http://blog.youkuaiyun.com/web6pace/article/details/45974013

如果开发web端的简单图形绘制,建议可以采用raphaeljs,Raphaël目前支持Firefox 3.0 +,Safari 3.0以上,Chrome 5.0 +,Opera 9.5以上及Internet Explorer 6.0 +。官网:http://raphaeljs.com/ 

HTML Canvas 对于老的浏览器兼容性不好,不建议使用。

多比(SVG/VML)图形控件 多比图形控件是一款基于Web(VML和SVG技术)的矢量图形控件, 类似于网页上的Visio控件,是目前国内外最佳的基于web的工作流设计器、工作流流程监视器解决方案。 可广泛应用于包括:电力、军工、煤炭、化工、科研、能源等各种监控软件、web工作流设计器、asp.net工作流设计器、电力、化工、煤炭、工控组态软件、仿真、地理信息系统、工作流、复杂报表 工业SCADA系统、ERP流程设计系统、图形 阅读详情

相关推荐

[Web Chart系列之一(续)]Web端图形绘制SVG,VML, HTML5 Canvas 简单实例

前言 本篇是继 [Web Chart系列之一]Web端图形绘制SVG,VML, HTML5 Canvas 技术比较 的补充和实例说明各种技术的使用方式。 VML 的用法和实例 引入命名空间之后,就可以直接使用标签的方式绘制图形。 如下例:绘制一条从 坐标(20,20) 到 坐标(200,200) 的直线。 VML Example 说明:  xmlns:v

oscar999的专栏 3162

canvas 闭合_想使用SVG或者canvas 手绘闭合多边形,使用vml效果已经实现了,由于vml只能支持ie所以想转成SVG或canvas...

引用最近要实现一个功能,在一张图片上选好区域后,然后记录后选择的坐标。然后使用 map area 将所选区域显示出来。我在网上找了一段vml的代码,能实现我的功能。但是因为vml只支持ie,所以没有办法在 Chrome上用。这个看了两天了,一直没有实现方法,请各位大神,能将代码改成 SVG或者canvas这种能支持Chrome浏览器的。下面的代码是vml手绘闭合多边形的。再次谢谢各位大神了。手绘多...

weixin_35748595的博客 331

[Web Chart系列之一]Web端图形绘制SVG,VML, HTML5 Canvas 技术比较

先介绍一下矢量图的概念: 矢量图使用直线和曲线来描述图形,这些图形的元素是一些点、线、矩形、多边形、圆和弧线等等,它们都是通过数学公式计算获得的。例如一幅花的矢量图形实际上是由线段形成外框轮廓,由外框的颜色以及外框所封闭的颜色决定花显示出的颜色。 SVG,VML, HTML5 Canvas  这三个技术绘制的都是矢量图。 只是由不同的厂商开发出来的。 要达成的效果基本是一样的。 1. V

oscar999的专栏 7292

客户端Web绘图VML与SVG

上篇介绍的服务器端绘图,有一个很重要的缺点,就是如果图形有变化,比如要将圆移动到另外一个位置,必须回传到服务器重新绘制。页面回传会造成屏幕闪烁,使用起来很不舒服。 那么有没有不需回传的办法呢?答案就是客户端绘图。ActiveX是一种解决方案,我曾经做过一套电力操作票系统,使用ActiveX画图,可以实 现任意需要的交互效果,且无刷新。但是,其安全性是个大问题,即使使用了数字签名很多浏览器也不

csnywj的专栏 493

js实现涂抹功能

JS实现图片涂抹,讲目标图片生产SVG 或 VML(ie7 8),但还未实现涂抹后把SVG或VML转回IMAGE

Abaqus中Cohesive单元建模:从本构到失效的完整指南

本文提供了Abaqus中Cohesive单元建模的完整指南,涵盖从本构模型到失效分析的全过程。详细解析了Cohesive单元作为模拟界面粘结与失效的关键工具,其核心在于弹性本构、损伤起始准则和损伤演化定律的设置。文章通过双悬臂梁(DCB)实例,手把手指导前处理、材料定义、求解设置及后处理分析,并分享了刚度、强度、断裂能等关键参数的影响与收敛性调优的实用避坑技巧,帮助用户准确模拟复合材料及胶接结构的界面失效行为。

cuda7parallel的博客 700

Raphael js库简介

<br />Raphael JS 库是在webrebuild交流会上听专家将到的,后来就看了下,果然很强大——通过SVG/VML+JS实现跨浏览器的矢量图形实现方案。<br />这其实和cufon等网络字体的实现原理是有些类似的:非IE浏览器使用SVG绘图,然后IE中使用VML。它的目的是想要提供一种简单易用的真正跨浏览器的矢量图形实现方案,包括一些动画效果。<br />Raphael的语法也很简单,基本上了解SVG就会很容易上手的:var c = paper.path("M10 10L90 90

FuDesign2008的专栏 796

Oracle EBS财务模块(三)总账功能

(一)总账管理系统主要功能  总账管理系统(Oraclegeneralledger)是一个公司一切账务系统的核心,它好比是公司会计信息的中央处理器。总账管理系统提供了一个完整的财务管理核算及分析流程。它是所有子账户的信息存储器,因此反映了所有子账户的财务和现金活动。总账管理系统的主要作用是记录公司的财务活动,并生成财务报表和管理报表,以帮助公司内外人士进行决策。一个公司或组织的制造系统、项目管理系

苏南生的优快云博客 2万+

Javascript 对SVG和 VML的封装

Raphael是一个轻巧的Javascript类库,用于简化处理web上的矢量图形。如果你想创建图表、图片裁剪以及图片旋转等图形应用,用Raphael类库可以轻松的实现。 Raphael基于SVG(W3C建议标准)和VML绘制图形,这意味着你绘制的图形也是DOM对象,所以可以注册Javascript事件或者随时修改它们。Raphael的目标是提供跨浏览器并且易于使用的矢量图绘制接口,目前支持Fi

1398

ANSYS二次开发:Python和ANSYS进行交互操作(PyAnsys库,DPF)

🎈ANSYS二次开发:APDL开发入门准备🎈- 🎈ANSYS二次开发:后处理使用APDL命令流解析结果文件🎈 🎈ANSYS二次开发:Python解析ANSYS结果文件(PyAnsys库)🎈 🎈ANSYS二次开发:Python操作ANSYS(PyAnsys库,PyDPF)🎈 文章目录1、简介2、安装2.1 ansys-mapdl-core2.2 pyaedt2.3 ansys-dpf-core2.4 ansys-dpf-post2.5 ansys-mapdl-reader2.6 G...

爱看书的小沐 2万+

CentOS8静默安装Oracle11.2.0.1

背景 新安装oracle,用静默安装方式就不需要安装图形界面了,省时省力。 前期准备工作与图形化安装一样,如创建用户|用户组、环境变量、内核参数、创建目录等. 可参考图形化安装,链接:https://blog.youkuaiyun.com/heroicpoem/article/details/104229369 环境 平台 版本 操作系统 centOS 8 Oracle 11gR2 1.响应文件 响应文件的内容就是图形化安装时手工设置的选项内容。 解压后,database/response/db

heroicpoem的专栏 4518

Vml和Svg教程

vml中文手册:http://www.g168.net/txt/vml/                          http://www.itlearner.com/code/vml/ SVG参考手册:http://www.w3school.com.cn/svg/svg_reference.asp

yizhiduxiu11的专栏 642

机械臂 关节电机选型计算

电机 机械臂

hisen92的专栏 8983

raphael.js矢量绘图

官方介绍: Raphael是由Dmitry Baranovskiy开发的小型Javascript类库,它可以让你在web上很容易地使用矢量图形。如果你需要制作自定义图表或图像裁剪旋转控件,它也可以让你更方便、简单地进行实现。Raphael使用W3C推荐的SVG以及VML两种矢量标记语言来实现绘图,这意味着,你创建的图形对象都是DOM元素,你可以给它们绑定、移除javascript事件。Rapha

学如逆水行舟,不进则退 3414

Fedproto:原型聚合的联邦学习框架

文中说明,联邦学习通过计算传递梯度聚合模型时,客户端之间的异构性通常会阻碍模型优化收敛和泛化性能。故本文提出新的FedProto框架,将梯度替换成为原型,通过计算、聚合从不同客户端收集到的本地原型,然后将全局原型发送回所有客户端,以规范本地模型的训练。对每个客户机进行局部训练的目的是最小化对本地数据的分类损失,同时保持生成的本地原型足够接近相应的全局原型(损失函数最小+正则)。什么是原型?文中提到:“

weixin_47754029的博客 2649

【深度学习新浪潮】Harness Engineering 入门实战必看|6个从零可跑开源项目,新手快速上手垂域AI工程落地

很多同学入门 AI Agent、做大模型垂域落地时,都会卡在同一个痛点:只会调用模型、写简单Prompt,却不懂如何做约束管控、流程护栏、任务编排、多智能体边界隔离。而这正是的核心价值。不同于纯理论概念,Harness Engineering 更偏向工程实战,新手不用啃复杂论文,从开源项目动手实操是最高效的学习方式。本文从零基础易上手、可本地一键部署、支持二次改造做实战项目。

专注:太空算力、AI infra、异构调度、大模型成本工程 232

使用SVG和VML绘制WebGis

SVG和VML的WebGis地理信息系统 WebGIS是Internet与GIS结合的产物,是利用WWW向用户提供地理空间信息服务的地理信息系统。社会信息化、网络技术的蓬勃发展为WebGIS提供了广阔的发展空间。但是,传统的Web图形格式因受到传输显示的影响,不能适应WebGIS的发展需要,而成为WebGIS面临的技术瓶颈和挑战。因此必须在现有的网络和硬件条件下,从软件方面解决系统图形网络传

eryuee的专栏 1028

习题加餐4. 冒险者工会

这个问题通过贪心算法解决,展示了贪心算法在解决一些优化问题中的强大能力。关键在于如何识别贪心选择的性质,并通过数学证明确保这种方法能够达到全局最优解。通过对问题的深入理解和逻辑推理,我们可以设计出有效的算法来解决问题,同时也需要注意代码实现中的细节,如排序和双指针的使用,以确保算法的效率和正确性。贪心算法的应用这个问题展示了贪心算法在实际问题中的应用。贪心算法通过在每一步选择当前最优的解决方案,期望最终达到全局最优解。该问题中,每次选择能力最接近但足以完成最难任务的冒险者,就是贪心选择的体现。

tang7mj的博客 1350

SVG和VML有什么不同

很多组织一直在做这两种动态矢量语言的统一工作,SVG和VML的初衷不一样,SVG是为了集大成,VML却是为了方便Word向Web的迁移,所以相对于VML的傻瓜和方便,SVG简直就疯狂的强调其的可扩展性.... 一个简单的例子,一条直线,如果要加一个箭头,VML里面直接在stroke里面添加一个属性startarrow或者endarrow就搞定了! 可以添加包括block,classic,d

eryuee的专栏 885

数学建模模型总结

这是本人在两年内准备参加数学建模竞赛搜集到的模型资料,已经经过了本人的筛选和整理,希望能够对准备参加数学建模竞赛的学弟学妹们提供一些帮助!

老版QQ原生表情gif动态

这是老版的QQ表情,不过全是动态的的,Windows照片查看器是不会动的,可以右击用浏览器打开查看,再说一遍是老版的,只是分享给宁愿用老版也要动态的人。

web图形方案比较html5、GML、SVG、VML

web图形方案比较html5、GML、SVG、VML GML、SVG和VML都是基于XML的可用来描述矢量图形的标记语言,都是XML词表,它们的语法并不难理解,但它们都有各自不同的用途和特点,下面简单介绍一下。 GML(Geography Markup Language) 是基于XML的空间信息编码标准,由OpenGIS Consortium (OGC)提出,得到了许多公司的

eryuee的专栏 536

锂电池充电器电路设计 里面有电路

锂电池充电器电路设计 里面有电路 3.7V升压到5V电路设计。

GML,SVG,VML COMPARATION

GML、SVG和VML都是基于XML的可用来描述矢量图形的标记语言,都是XML词表,它们的语法并不难理解,但它们都有各自不同的用途和特点,下面简单介绍一下。 GML(Geography Markup Language) 是基于XML的空间信息编码标准,由OpenGIS Consortium (OGC)提出,得到了许多公司的大力支持,如Oracle、Galdos、MapInfo、CubeWe

STICK TO IT 1460

efm32 入门.pdf

本PDF共计22页,介绍的是操作驱动API,下载与否自己斟酌。

VML画连线箭头,line线加粗

一、什么是VML VML相当于浏览器的画笔,它可以在浏览器中画出任何你想要的图形:小到直线、圆形、圆弧、曲线、矩形、圆角矩形、多边形;大到一张图画、一个动画、甚至于一个游戏。题中既以标明为简明教程,下边我们只限于讨论使用VML在浏览器中画一些直线、圆形、圆弧等小图。 VML是微软1999年前(具体时间不详)制作推出的,并集成到了IE5+浏览器,同样也是Microsoft Office

yinxianluo的专栏 3999

VML简明教程

一、什么是VMLVML相当于浏览器的画笔,它可以在浏览器中画出任何你想要的图形:小到直线、圆形、圆弧、曲线、矩形、圆角矩形、多边形;大到一张图画、一个动画、甚至于一个游戏。题中既以标明为简明教程,下边我们只限于讨论使用VML在浏览器中画一些直线、圆形、圆弧等小图。VML是微软1999年前(具体时间不详)制作推出的,并集成到了IE5+浏览器,同样也是Microsoft Office Art(艺术图型

shaily读书学习 1万+

SVG绘制配电站接线图

近几年来,随着Internet的迅猛发展,网页技术日新月异,人们都试图设计出精美、有特色的页面。其中,图形技术发挥着至关重要的作用,可升级矢量图像( SVG, Scalable Vector Graphics)和VML (Vector Markup Language)的产生有着十分积极的意义。它具有支持矢量图和动画、由文本构成图形易于操作、对点阵图形兼容等特点。然而,不同浏览器对两种标准的支持并不...

weixin_34363171的博客 2388

基于VML/SVG配电站接线图

近几年来,随着Internet的迅猛发展,网页技术日新月异,人们都试图设计出精美、有特色的页面。其中,图形技术发挥着至关重要的作用,可升级矢量图像( SVG, Scalable Vector Graphics)和VML (Vector Markup Language)的产生有着十分积极的意义。它具有支持矢量图和动画、由文本构成图形易于操作、对点阵图形兼容等特点。然而,不同浏览器对两种标准的支持并不

eryuee的专栏 1442
上一篇: MySQL模糊查询like
下一篇: 利用VML标记语言画图、动画制作
web6pace
博客等级 码龄12年 0粉丝 6原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值