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

引用

最近要实现一个功能，在一张图片上选好区域后，然后记录后选择的坐标。然后使用 map area 将所选区域显示出来。

我在网上找了一段vml的代码，能实现我的功能。

但是因为vml只支持ie，所以没有办法在 Chrome上用。

这个看了两天了，一直没有实现方法，请各位大神,能将代码改成 SVG或者canvas这种能支持Chrome浏览器的。

下面的代码是vml手绘闭合多边形的。

再次谢谢各位大神了。

手绘多边形

v\:* {behavior:url(#default#VML);}

var Working=false;//判断是否画图的状态

var poly1=null,oldvalue="",oldx=0,oldy=0 //为了完成铅笔、记忆点等连续线段

var xx,yy;

//鼠标单击事件

function divMousedown()

{

if(!Working)//第一次点击鼠标

{

xx=event.x;

yy=event.y;

poly1=div1.appendChild(document.createElement(""));

oldvalue=poly1.path.value.replace("e","");

oldx=xx;

oldy=yy;

Working=true;

}

else

{

if (poly1!=null) oldvalue=poly1.path.value.replace(" e","");

}

//鼠标移动的时候

function divMouseMove()

{

tempx=event.x;

tempy=event.y;

if (poly1!=null)

{

poly1.path.value=oldvalue+","+(tempx-oldx)+","+(tempy-oldy);

poly1.path.value=poly1.path.value.replace(",0,0,",",0,").replace(",0 e","e");

}

function divMouseUp()

{

if(event.button==2)

{

poly1.path.value=oldvalue+"x e";

Working=false;

poly1=null;

}

在页面上点击鼠标左键开始，右击鼠标右键结束

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

wallpaper怎么导入视频_抖音上爆火的手绘视频怎么做？这篇文章来教你！
抖音上爆火的手绘视频,最近很多人都在问,确实这个领域的市场非常大,做好可带货量是非常大的,所以,今天就跟大家讲解一下! 下面正式讲解抖音手绘视频: 首先准备条件: 1.电脑一台 2.videoscri ...
wacom怎么调压感_怎样在ps里用手绘板画出有压感的效果
展开全部一数位板没有32313133353236313431303231363533e4b893e5b19e31333433616331压感的解决设置方法. 我们在使用数位板绘画的过程中经常会遇 ...
sketch 流程图_眼前一亮！2款免费手绘风流程图绘制工具
我在另外一篇文章:[一款让Python开发效率提升50%的工具包]画了几张手绘风格的流程图,文章发表之后有读者私信我: "这种风格的流程图好漂亮啊,请问是用什么工具画的啊?" 的确 ...
wacom怎么调压感_新买的数位板（手绘板）怎么设置，数位板没有压感没反应怎么办...
很多同学在买了数位板以后,总是怀着非常兴奋的心情,迫不及待地插上USB端口,就开始想要进行创作. 或者是还会先看看说明书,一步步按照书上的要求来. 然而到头来,还是有很多同学会发现,自己的数位板,好像 ...
python图片转手绘软件_酷！一个仿漫画手绘风格的 Python 图表库
[导读]:关于数据可视化工具,如果你有点厌烦了常见风格(比如:Matplotlib 和 pyecharts),那可以试试换一种风格. 本文前哨君给大家介绍一个风格完全不一样的开源库:cutechart ...
用python画思维导图的英文_原创5:英文短文Season+手绘思维导图
根据英语课文U11和U12课单词,绘制了思维导图,并根据手绘思维导图复盘英文小短文. 优畅手绘配文 There are four seasons in a year. In Spring, The ...
java游戏小乔赤壁_《赤壁》玩家原创手绘小乔柔美万千
伴随着新春的临近,<赤壁>与广大玩家一同准备迎接新的一年,而玩家[知命]用自己独特的才艺展示着唯美的游戏人物形象,并希望借此来祝广大玩家新春快乐.在原创手绘了甘宁与玄女的形象之后,此次将为 ...
用python画的炫酷图形_推荐一个炫酷Python 手绘图形库
https://github.com/chenjiandongx/cutecharts 今天,给大家介绍一个很酷的 Python 手绘风格可视化神包:cutecharts.和 Matplotlib . ...
extjs chart无法在panel中显示_手绘风格的 JS 图表库：Chart.xkcd
本文作者:HelloGitHub-kalifun 图表库千万个今天 HelloGitHub 给大家推荐个很有"特色"的图表库:一个手绘风格的 JS 图表库 -- Chart.xkc ...

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

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

最新文章

热门文章