arcgis js 4 使用d3.js 添加滤镜光

JavaScript09

arcgis js 4 使用d3.js 添加滤镜光,第1张

我们利用d3滤镜为d3元素增加光的效果

我们存一些全局变量

this.animateOption = null

this.defs = null

this.animateId = ""

this.feDropShadow = null

滤镜初始化

function create(option){

this.animateOption = option

this.defs = this.svg.append("defs")

let linearGradient = this.defs.append("filter")

.attr("id",this.animateOption.id)

.attr("x","-50%")

.attr("y","-50%")

.attr("width","200%")

.attr("height","200%")

this.feDropShadow = linearGradient.append("feDropShadow")

.attr("dx", "0")

.attr("dy","0")

.attr("stdDeviation","0")

.attr("flood-color",this.animateOption.floodColor)

}

启动滤镜

```javascript

function start(){

let multiplier = this.animateOption.speed

let xDiff= 0.01

let yDiff= 0.01

let that = this

function setBlur(x,y){

that.feDropShadow.attr("stdDeviation",x)

}

let flag = true

(function updateMotionBlur(){

 更多参考 https://xiaozhuanlan.com/topic/8193652740

日系摩托四大家之“龙头老大”:本田

本田摩托车在中国早已是家喻户晓的知名产品,它是最早进入中国内地市场的国外摩托车品牌。本田在50年前开始生产摩托车,1949年8月生产出首批“Dream”2冲程98cc摩托车,1954年9月生产仿意大利轻型踏板车出口到美国,1958年8月投产的Super Cub摩托车,在20世纪90年代初累积产量已超过2000万辆,成为本田引以自豪的销售期最长的一款摩托车。本田是日本最大的摩托车生产企业,产品系列齐全,在中国内地有多家整车装配及零部件生产的合资企业,例如广州本田摩托车和天津本田摩托车。

日系摩托四大家之“榜眼“:雅马哈

雅马哈公司1955年7月1日建立了制造摩托车的专业厂,是摩托车生产规模排在日本第二位的企业。雅马哈发动机十分有名气,品种广泛,从摩托车发动机到发电机组的发动机、船艇发动机一应俱全。其中摩托车发动机又以2冲程发动机见长,1964年初开发出2冲程发动机用自动润滑方式系统,使雅马哈2冲程发动机具有耐用及强马力的特点。1973年首次获得了世界越野车锦标赛中250cc级厂家冠军(赛车使用二冲程发动机)。雅马哈摩托车在中国也有合资企业,比较知名的合资公司产品是湖南株洲的南方·雅马哈摩托车和重庆的建设·雅马哈摩托车。

日系摩托四大家之“探花”:铃木

铃木摩托车在中国也是广为人知的品牌商品,其中以铃木GN125系列更成为众多骑士迷的追逐对象。铃木早在1952年开始生产50cc轻型摩托车,70年代产量即达100万辆,是日本第三大摩托车生产企业。铃木摩托车早在八十年代已经进入中国内地销售,同时与中国企业开展技术合作,目前比较知名的合资企业有济南轻骑铃木和南京金城铃木。

日系摩托四大家之“老幺”:川崎

川崎公司成立于1878年,最初以造船为主,后来逐步向铁路车辆、飞机、摩托车等机电产品发展,成为一家以重工为主的多元化集团企业。1918年建立“自动车部”,开始向摩托车发展。川崎摩托车在中国的影响力没有以上三家那么大,这是由它的产品特点所决定的,因为川崎公司的摩托车产品侧重于大排量摩托车。它的重型级摩托车在世界摩托车行业享有誉名,主要型号有ZX、KL系列等。